Warum funktioniert das Google Maps Directions API-Beispiel im Google Maps-Buch nicht für mich?

Question

Ich bin mit dem Buch ‚Google Maps‘ Petrousos, und versuche, das Beispiel in dem Kapitel 17/HTML/Anfahrt Service.html von der Website des Buchs bei www.mhprofessional.com 0071823026.

mich auf Artikel heruntergeladen laufe musste die Tabellendimensionen anpassen, damit es richtig angezeigt wird, aber ansonsten keine Änderungen vorgenommen haben. Ich führe es durch Firefox.

Ich legte den Ursprung und das Ziel und klickte auf "Route anzeigen", an dem Punkt nichts passiert ist.

Das Ereignis wird aufgerufen folgende Funktion:

function showDirections() { 
    var start = document.getElementById("origin").value; 
    var end = document.getElementById("destination").value; 
    var request = { 
    origin: start, 
    destination: end, 
    travelMode: google.maps.TravelMode.DRIVING 
    }; 
    directionsService.route(request, function(result, status) { 
    if (status == google.maps.DirectionsStatus.OK) { 
     directionsDisplay.setDirections(result); 
    printDirections(result); 
    } 
    }); 
} 

ich bis zum directionsService.route Anruf bekommen, aber es ist offensichtlich nicht ausgeführt wird, und Status und das Ergebnis sind nicht definiert.

Ich habe keine Ahnung, wie dieser weiter zu debuggen, nicht auf den API-Code, den Zugang ..

Könnte die Syntax des Aufrufs im Beispiel veraltet sein?

Ich habe keinen API-Schlüssel, aber ich verstehe, dass es nicht notwendig ist, und ich habe andere Beispiele ohne einen ausgeführt.

Answer 1

Können die alten Beispiele noch funktionieren? Wenn nicht, dann liegt das daran, dass Sie keinen API-Schlüssel haben. Google stoppt Sie, nachdem Sie die Quote überschritten haben. Ich glaube, die Quote liegt bei 50 Anfragen pro Stunde.

Google hat die neueste Dokumentation (und es ist beeindruckend gut dokumentiert)

https://developers.google.com/maps/documentation/directions/intro#Audience

Auch können Sie sehen, was das Objekt zurückkehrt? Wenn dies der Fall ist, bedeutet dies normalerweise, dass das Angebot überschritten wird. Sie können dies tun, indem Sie einen Haltepunkt an der Verbindung

if (status == google.maps.DirectionsStatus.OK) { 

Einstellung Wenn Sie Chrome verwenden, Sie an den Debugger mit der rechten Maustaste auf die Seite bekommen adn Wahl ‚Inspect Element‘, dann auf Quellen gehen, Suchen Sie Ihre Codezeile und klicken Sie auf die Linknummer, um einen Haltepunkt festzulegen.