Cómo agregar marcadores de mapa adicionales a Google Maps que están incrustados en un sitio web sin usar la API? ¿O es imposible?

Question

Supongamos que tengo 2 ubicaciones de oficina que quiero usar para mi página de contacto. Y quiero tener un Google Map incrustrado que muestre ambas ubicaciones. En Google Maps en sí, puedo mostrar ambos marcadores de mapa. Sin embargo, el código HTML incrustado solo usa la primera dirección ingresada.

Pregunta 1: ¿Es posible cambiar el código de inserción HTML que Google proporciona para mostrar un marcador de mapa para la segunda ubicación?

Pregunta 2 (solo si la respuesta al anterior es "sí"): ¿Cómo?

Aquí algunos ejemplos de código para incrustar Google da:

<iframe width="920" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.ca/maps?hl=en&amp;client=safari&amp;q=33+Victoria+St.,+Toronto,+ON+M5C+3A1&amp;ie=UTF8&amp;hq=&amp;hnear=33+Victoria+St,+Toronto,+Ontario+M5C+3A1&amp;gl=ca&amp;t=m&amp;ll=43.536603,-79.796448&amp;spn=0.696882,2.526855&amp;z=9&amp;iwloc=A&amp;output=embed"></iframe><br /><small><a href="https://maps.google.ca/maps?hl=en&amp;client=safari&amp;q=33+Victoria+St.,+Toronto,+ON+M5C+3A1&amp;ie=UTF8&amp;hq=&amp;hnear=33+Victoria+St,+Toronto,+Ontario+M5C+3A1&amp;gl=ca&amp;t=m&amp;ll=43.536603,-79.796448&amp;spn=0.696882,2.526855&amp;z=9&amp;iwloc=A&amp;source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small> 

Answer 1

Puede lograr esto de otra manera, usando My Places. Estos son los pasos para lograrlo:

1. En Google Maps, observe el botón My Places lado Get Directions - Haga clic en eso.
2. Haga clic en Create a Map en el panel izquierdo
3. Especifique un título y una descripción (quizás algo sobre sus oficinas), luego presione Guardar.
4. Ahora busque sus dos ubicaciones como lo haría en la barra de búsqueda.
5. Haga clic en en la parte inferior de la lista de resultados en el panel izquierdo, y especifique el mapa en el que desea guardarlo (debe ser el título que configuró anteriormente).
6. Haga eso para ambas ubicaciones, luego use la herramienta Insertar como lo haría normalmente para incrustar su mapa.

Answer 2

intente guardar las ubicaciones de sus oficinas en Google My Maps y luego proporcionar la dirección del enlace del mapa en el href del marco flotante

Answer 3

No estoy seguro de la respuesta a su pregunta, pero la API de Google es bastante conveniente y relativamente fácil de aprender.

La creación de un marcador realmente solo necesita 3 líneas, marcador nuevo, posición del marcador y el mapa que está utilizando. Crear un mapa con múltiples marcadores es relativamente corto también en JS. Aquí hay una muestra.

function initialize() { 
    var myOptions = { 
     zoom: 4, 
     center: new google.maps.LatLng(-25.363882, 131.044922), 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 

    var map = new google.maps.Map(document.getElementById('map_canvas'), 
     myOptions); 

    var marker = new google.maps.Marker({ 
     position: map.getCenter(), 
     map: map, 
    }); 
    var marker2 = new google.maps.Marker({ 
     position: new google.maps.LatLng(35, 96), 
     map: map, 
    }); 
} 
google.maps.event.addDomListener(window, 'load', initialize); 

El uso de la API también le permitirá agregar más características a su mapa si es necesario en el futuro. Eventualmente, es posible que desee que los marcadores muestren su ubicación y, tal vez, incluso obtener indicaciones para llegar a uno de los marcadores. Y Google ya ha escrito todo este código que está disponible para todos.

Aquí hay un ejemplo un poco más avanzado que usa la API de tablas de fusión, pero hay muchas características geniales que puede usar además de solo marcadores. https://developers.google.com/fusiontables/docs/samples/infowindow_driving_directions