Comment calculer la distance entre deux villes à l'aide de google maps api V3

Comment calculer la distance de conduite ?

Je suis incapable de trouver un exemple, quelqu'un peut-il m'aider ?

Merci.

EDIT:
Plus d'infos:

J'ai deux saisies de texte pour taper les villes. Sur le changement, je veux juste afficher/mise à jour de la distance dans un autre div.

(Mais non identiques): stackoverflow.com/q/1502590/866022
La officielle de l'API webservice est entièrement documenté (avec des exemples) en ligne: code.google.com/apis/maps/documentation/directions

OriginalL'auteur josh2245 | 2011-09-14

  1. 17

    Ce que vous voulez, c'est la Matrice de Distance de l'API. C'est, si vous êtes vraiment de l'utiliser en combinaison google maps. Notez que Google interdit l'utilisation de cette API si vous n'êtes pas à l'utiliser avec une Carte Google quelque part sur la page.

    Voici un exemple de base de la Matrice de Distance de l'API:

    <!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var origin = new google.maps.LatLng(55.930385, -3.118425),
    destination = "Stockholm, Sweden",
    service = new google.maps.DistanceMatrixService();

service.getDistanceMatrix(
    {
        origins: [origin],
        destinations: [destination],
        travelMode: google.maps.TravelMode.DRIVING,
        avoidHighways: false,
        avoidTolls: false
    }, 
    callback
);

function callback(response, status) {
    var orig = document.getElementById("orig"),
        dest = document.getElementById("dest"),
        dist = document.getElementById("dist");

    if(status=="OK") {
        orig.value = response.destinationAddresses[0];
        dest.value = response.originAddresses[0];
        dist.value = response.rows[0].elements[0].distance.text;
    } else {
        alert("Error: " + status);
    }
}
</script>
</head>
<body>
    <br>
    Basic example for using the Distance Matrix.<br><br>
    Origin: <input id="orig" type="text" style="width:35em"><br><br>
    Destination: <input id="dest" type="text" style="width:35em"><br><br>
    Distance: <input id="dist" type="text" style="width:35em">
</body>
</html>

    Ceci est une version de google est adaptée à l'exemple de votre goût personnel que j'ai trouvé dans le L'Api Google Maps v3 - Matrice de Distance de la section

    Ne fonctionne pas pour moi 🙁
    Cela fonctionne si vous faites la mise à jour suivante: origines: [d'origine], les destinations: [destination],
    bon oeil, merci pour la correction. Et pour tous les intéressés, voici un violon avec les corrections, pendant que j'y suis.
    Grande, belle exemple, fonctionne très bien.
    Comment puis-je passer plusieurs destinations?

    OriginalL'auteur DonVaughn