Bonjour,
j'ai ce script de calcul de distance... il marche très bien sauf que je veux supprimer la carte et l'itineraire détaillé..
Quand j'essaye directement en brut le calcul de km ne fonctionne plus..
Je veux juste adresse de départ adresse d'arrivé et kilomètres..
POSSIBLE ?
<!DOCTYPE html>
<html>
<title>Calculateur d'itinéraire</title>
<meta name="KeyWords" content="itineraire,google,maps,plan de ville,carte,depart,arrivee,kilometrage,parcours,route,trajet,plan,deplacement,voyage,tourisme,adresse,ville,village,carte routiere,google maps,calcul d'itineraire,distance,chemin,geolocalisation,routier,autoroute,automobile,voiture,auto,acces,pays,region">
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META NAME="Generator" CONTENT="NotePad++">
<META name="Copyright" content="Copyright VDC">
<META NAME="Author" CONTENT="VDC">
<META NAME="OWNER" CONTENT="VDC">
<META name="Rating" content="general">
<META name="revisit-after" content="15 days">
<META name="robots" content="index, follow">
<META name="Robots" content="All">
<META http-equiv="Content-Language" content="fr">
<style type="text/css">
body { font-family: Arial, Verdana, sans serif; font-size: 11px; margin: 2px; }
table.iti { background-color: #FFFFFF; font-size: 11px; margin: 4px; }
table.directions th { background-color:#EEEEEE; font-size: 15px;}
table.directions td { font-size: 11px;}
img { color: #000000; }
#map_canvas { width: 446px; height: 400px; border: 1px solid #333333 ; margin: 0px;}
#directions { width: 246px; height: 400px; border: 1px solid #333333 ; margin: 2px; overflow: auto; width: auto; text-align: left; font-size: 9px; }
</style>
<style type="text/css" media="print">
.print { display:none; }
#directions { width: 600px; height: auto; border: 1px solid #333333; margin: 2px; text-align: left; font-size: 9px; }
</style>
<script src=" http://maps.google.com/?file=api&v=2.x&key=ABQIAAAAFw0lDRKsdCra15LPvIxvehRjMgnVhZHmNh95BVtUkp0XgfXLlhSXfnSAP-eiQqfEOGaImc_V_dSQGQ" type="text/javascript"></script>
<script type="text/javascript">
var map;
var gdir;
var geocoder = null;
var addressMarker;
function initialize()
{
if (GBrowserIsCompatible())
{
map = new GMap2(document.getElementById("map_canvas"));
gdir = new GDirections(map, document.getElementById("directions"));
GEvent.addListener(gdir, "load", onGDirectionsLoad); <!-- Charge la partie pour les distances -->
GEvent.addListener(gdir, "error", handleErrors); <!-- Charge la partie pour les messages d erreurs -->
map.setCenter(new GLatLng(46.98025, 3.66943), 6);
map.addControl(new GMapTypeControl());
map.addControl(new GLargeMapControl());
map.addControl(new GOverviewMapControl());
map.addControl(new GScaleControl());
map.enableScrollWheelZoom();
}
}
function setDirections(fromAddress, toAddress, locale)
{
gdir.load("from: " + fromAddress + " to: " + toAddress, { "locale": locale });
}
function handleErrors()
{
if (gdir.getStatus().code == G_GEO_UNKNOWN_ADDRESS)
alert("Aucune location géographique correspondante n'a pu être trouvée pour l'une des adresses spécifiées.\n Ce peut être du à une adresse récente, ou incorrecte.\nN'oubliez pas d'ajouter dans l'adresse le pays (en anglais).\nError code: " + gdir.getStatus().code);
else if (gdir.getStatus().code == G_GEO_SERVER_ERROR)
alert("La demande d'itinéraire n'a pu être calculée avec succès, aucune raison de l'échec n'est connu.\n Error code: " + gdir.getStatus().code);
else if (gdir.getStatus().code == G_GEO_MISSING_QUERY)
alert("The HTTP q parameter was either missing or had no value. For geocoder requests, this means that an empty address was specified as input. For directions requests, this means that no query was specified in the input.\n Error code: " + gdir.getStatus().code);
else if (gdir.getStatus().code == G_GEO_BAD_KEY)
alert("La clé (Key) n'est pas valide ou ne correspond pas au nom de domaine. \n Error code: " + gdir.getStatus().code);
else if (gdir.getStatus().code == G_GEO_BAD_REQUEST)
alert("La demande d'itinéraire n'a pu être correctement parsé.\n Error code: " + gdir.getStatus().code);
else alert("Une erreur inconnue est survenue.");
}
function onGDirectionsLoad()
{
var reg=new RegExp(" ", "g");
kilometrage = gdir.getDistance().html;
document.getElementById("km").value = kilometrage.replace(reg,' ');
}
</script>
</head>
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0" marginheight="0" marginwidth="0" onLoad="initialize();" onUnload="GUnload()">
<form id="monFormulaire" method="post" action="#" onSubmit="setDirections(this.from.value, this.to.value, 'fr'); return false">
<table width="696" border="0" class="iti">
<tr valign="top">
<td align="right" width="100"><strong>Départ :</strong></td><td align="left" width="476"><input type="text" id="fromAddress" name="from" size="70"></td>
<td align="right" rowspan="3" width="120" valign="middle"><input name="gogogo" type="submit" value="Itinéraire" /></td>
</tr>
<tr><td align="right"><strong>Arrivée :</strong></td><td align="left"><input type="text" id="toAddress" name="to" size="70"></td></tr>
<tr><td align="right"><strong>Kilométrage :</strong></td><td><input type="text" id="km" value="" size="9" disabled > Il est conseillé d'ajouter le pays (en anglais) dans l'adresse !</td></tr>
<tr><td colspan="2">
<center>
<script type="text/javascript"><!--
google_ad_client = "pub-6860157129998313";
google_ad_width = 468;
google_ad_height = 15;
google_ad_format = "468x15_0ads_al_s";
google_ad_channel = "";
google_color_border = "336699";
google_color_bg = "D8E9EC";
google_color_link = "FFFF00";
google_color_text = "0000FF";
google_color_url = "CCCCCC";
//--></script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script><br>
</center>
</td><td align="center"><A href="javascript:window.print()"><img src="http://icdn.pro/images/fr/i/m/imprimante-icone-9549-128.png" width="32" height="32" border="0" alt="Imprimer l'itinéraire" title="Imprimer l'itinéraire"></A>
</td></tr>
</table>
<table width="700" border="0" class="directions" cellspacing="1" cellpadding="0">
<tr><th width="246">Itinéraire détaillé</th><th width="446" class="print">Carte</th></tr>
<tr><td><div id="directions"></td><td><div id="map_canvas" class="print"></div></td></tr>
</table>
</form>
</BODY>
</html>
ATTENTION....
EDIT : Ajout des balises de code (la coloration syntaxique).
Explications disponibles ici :
ICI
Merci d'y penser dans tes prochains messages.