Anzeige der Google-Box ‚Richtungen‘ auf einer Karte

Question

Ich bin auf einer Website eine Google Map umzusetzen.

Eine Anforderung ist eine Richtung anzuzeigen Box, die die gleichen Felder wie die Google Maps Anwendungen enthält, und das erscheint, wenn der Benutzer auf eine Schaltfläche klickt.

Ich bin mir bewusst, dass die Google Maps API ermöglicht es Ihnen, eine Linie zwischen zwei verschiedenen Orten zu ziehen.

Ist es möglich, die Richtungen anzuzeigen Box selbst die API verwenden, anstatt die Codierung der Box selbst?

Bitte beachten Sie: Ich beziehe mich auf die initial Richtungen bilden - dh das Formular in dem Sie die 'A' und 'B' Ziele eingeben und klicken Sie auf ‚Get Wegbeschreibung.

Answer 1

Ja, die DirectionsRenderer machen die „Richtungen Feld“ automatisch. Einfach einen <div id="dir_box"> in Ihrem HTML erstellen und dann über die DirectionsRenderer Methode zu Ihrem setPanel() Objekt übergibt es:

directionsDisplay = new google.maps.DirectionsRenderer();
directionsDisplay.setMap(map);
directionsDisplay.setPanel(document.getElementById('dir_box'));

Schauen Sie sich diesem Beispiel aus die Google maps API-Tutorials für ein einfaches Beispiel: