Affichage boîte « directions » de Google sur une carte
-
26-09-2019 - |
Question
Je suis en œuvre une carte Google sur un site Web.
Une exigence est d'afficher une boîte directions, qui contient les mêmes champs que celui de Google Maps utilise, et qui apparaît lorsque l'utilisateur clique sur un bouton.
Je suis conscient que l'API Google Maps vous permet de tracer une ligne de démarcation entre deux endroits différents.
Est-il possible d'afficher les instructions lui-même boîte en utilisant l'API plutôt que de coder la boîte moi-même?
S'il vous plaît noter: Je fais référence à la initial directions forment - à savoir la forme dans laquelle vous entrez les destinations 'A' et 'B' et cliquez sur « Get Indications.
La solution
Oui, le DirectionsRenderer
peut rendre la zone « directions » automatiquement. Il suffit de créer un <div id="dir_box">
dans votre code HTML et passez ensuite à votre objet DirectionsRenderer
via la méthode setPanel()
:
directionsDisplay = new google.maps.DirectionsRenderer();
directionsDisplay.setMap(map);
directionsDisplay.setPanel(document.getElementById('dir_box'));
Consultez cet exemple de les tutoriels API Google Maps pour un exemple de base: