Google Maps: Cómo agregar elementos HTML con coordenadas específicas?

Question

Me gustaría saber cómo y si puedo añadir elementos estándar HTML (div, botón) para un conjunto específico de coordenadas en el mapa?

Por ejemplo, tengo un conjunto de coordenadas y me gustaría adjuntar una notificación de globo a medida para ellos

y cuando me PAN lejos de las coordenadas del elemento debe desaparecer y cuando regreso sartén para ellos, el elemento debe aparecer.

¿Es posible hacer esto con mapas de Google?

Answer 1

Puede utilizar superposiciones personalizadas - https://developers.google.com/maps / documentation / javascript / customoverlays para ese

Answer 2

Como dijo romano, se puede crear un objeto de JavaScript personalizada que implementa GOverlay .

Este es un ejemplo de otro S. O. pregunta en el que el tipo quería insertar un SVG en la parte superior de un mapa de Google. Sin embargo, estoy bastante seguro de que podría utilizar su solución a Sólo tiene que insertar HTML.

Cómo Puedo superponer SVG diagramas en Google Maps?

Answer 3

Si desea hacer una referencia numérica personalizada, consulte esta pregunta:

Google Maps burbuja plantillas

Answer 4

Lo que se quiere mirar es el openInfoWindowHtml función. Usted tendrá que añadir un marcador para el primer mapa. Echa un vistazo a este ejemplo en Google para un buen ejemplo de esto , combinada con la función de maximizar ingenioso.

Answer 5

este como clase base para la última versión de la API de Google Maps (v3):

Uso:

var rectBounds = new google.maps.LatLngBounds(
    new google.maps.LatLng(54.478490, 18.550357),
    new google.maps.LatLng(54.478434, 18.551952)
);
var obj = new overlayText(rectBounds, 'Some<br />HTML', objGMap3);