Google Maps: cómo agregar elementos HTML a coordenadas específicas?

Question

Me gustaría saber cómo y si puedo agregar elementos HTML estándar (div, botón) a 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 que se les

Google Maps with custom styled element attached to a set of coordinates http://i45.tinypic.com/dfc7sj.png

y cuando me desplazarse lejos de las coordenadas del elemento debe desaparecer y cuando me cubierta de respaldo para ellos, el elemento debería reaparecer.

¿Es posible hacer esto con Google Maps?

Answer 1

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

Answer 2

Como romano dijo, puede crear una costumbre Javascript objeto que implementa GOverlay.

Aquí hay un ejemplo de otro S.O. pregunta donde el chico quería insertar un SVG en la parte superior de un mapa de google. Sin embargo, estoy bastante seguro de que podría usar su solución para simplemente insertar HTML.

How can I overlay SVG diagrams on Google Maps?

Answer 3

Lo que se quiere tener en cuenta es la función openInfoWindowHtml. Primero deberá agregar un marker al mapa. Consulte this example en Google para obtener un buen ejemplo de esto, combinado con la función maximización ingeniosa.

Answer 4

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

Google Maps Bubble Templates

Answer 5

Ver this 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);