Viendo la caja de Google '' direcciones en un mapa

Question

estoy poniendo en práctica un mapa de Google en un sitio web.

Uno de los requisitos es para mostrar la casilla A direcciones, que contiene los mismos campos que los que uno utiliza mapas de Google y que aparece cuando el usuario hace clic en un botón.

Soy consciente de que la API de Google Maps le permite dibujar una línea entre dos lugares diferentes.

¿Es posible la visualización de las direcciones de la caja en sí mediante la API, en lugar de codificar el cuadro de mí mismo?

Nota: Me refiero a la inicial direcciones forman - es decir, la forma en la que se introduce el 'A' y 'B' destinos y haga clic en 'Get Cómo llegar.

Answer 1

Sí, el DirectionsRenderer puede hacer que el "direcciones de la caja" de forma automática. Basta con crear una <div id="dir_box"> en el código HTML y luego pasarlo a su objeto DirectionsRenderer a través del método setPanel():

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

este ejemplo de los tutoriales de la API de Google Maps para un ejemplo básico: