Visualizzazione box 'indicazioni' di Google su una mappa

Question

Sono l'attuazione di una mappa di Google su un sito web.

Un requisito è quello di visualizzare un indicazioni Box, che contiene gli stessi campi come quello utilizza Google Maps, e che si apre quando l'utente fa clic su un pulsante.

Sono consapevole del fatto che l'API di Google Maps permette di tracciare una linea tra due sedi diverse.

E 'possibile visualizzare le istruzioni per sé box utilizzando l'API, piuttosto che codifica la casella me stesso?

Nota: mi riferisco al prima direzioni formano - vale a dire la forma in cui si inserisce la 'A' e 'B' destinazioni e fare clic su 'Get Indicazioni.

Answer 1

Sì, il DirectionsRenderer possiamo rendere le "indicazioni Box" automaticamente. È sufficiente creare un <div id="dir_box"> nel tuo codice HTML e poi passarlo al vostro oggetto DirectionsRenderer tramite il metodo setPanel():

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

questo esempio da il tutorial API di Google Maps per un esempio di base: