Incruste el código de Google Map en HTML con marcador

Question

Tengo varios lugares con su latitud y longitud. Quiero mostrarlos en el mapa de google. Eso está bien, lo que no puedo es mostrar el marcador en el latitud específica, posición larga.

p. Ej. Si he el siguiente código, ¿es posible sólo para colocar una opción para mostrar el mercado, así porque toda la latitud, longitud coord están viniendo a partir de una base de datos y se hizo eco con php

<iframe width="425" height="350" frameborder="0" scrolling="no" 
     marginheight="0" marginwidth="0" 
     src="http://maps.google.mu/?ie=UTF8&amp;ll=-20.234496,57.603722&amp;spn=0.093419,0.169086&amp;t=m&amp;z=13&amp; 
     output=embed"></iframe> 
     <br /> 
     <small><a href="http://maps.google.mu/?ie=UTF8&amp;ll=-20.234496,57.603722 
        &amp;spn=0.093419,0.169086&amp;t=m&amp;z=13&amp;source=embed" 
       style="color:#0000FF;text-align:left">View Larger Map 
       </a> 
     </small> 

Answer 1

El elemento que usted envió parece que solo está copiado y pegado desde la función de inserción de Google Maps.

Si desea colocar marcadores para las ubicaciones que tiene, tendrá que escribir algo de JavaScript para hacerlo. Estoy aprendiendo cómo hacer esto también.

revisa el siguiente: https://developers.google.com/maps/documentation/javascript/overlays

Tiene varios ejemplos y ejemplos de código que pueden ser fácilmente reutilizados y adaptados para ajustarse a su problema actual.

Answer 2

Aprender la biblioteca JavaScript de Google es una buena opción. Si no desea ingresar a la codificación, puede encontrar Maps Engine Lite útil.

Es una herramienta recientemente publicada por Google donde puedes crear tus mapas personales (crear marcadores, dibujar geometrías y adaptar los colores y estilos).

Aquí es un útil tutorial que encontré: Quick Tip: Embedding New Google Maps

Answer 3

que sugeriría esta manera, una línea de marco flotante. no se necesita javascript en absoluto. ? En consulta q =,

<iframe src="http://maps.google.com/maps?q=12.927923,77.627108&z=15&output=embed"></iframe>

Answer 4

No JavaScript o tercero 'herramientas' es necesario, utilice la siguiente:

<iframe src="https://www.google.com/maps/embed/v1/place?key=<YOUR API KEY>&q=71.0378379,-110.05995059999998"></iframe> 

el parámetro lugar proporciona el marcador

hay algunas opciones para el formato del parámetro 'q' r

asegúrese de tener Google Maps API de inserción y la API de mapas estáticos permitido en sus API, Google o bloqueará la solicitud

Para más información consultar here