Google Maps: come aggiungere elementi HTML a coordinate specifiche?

Question

Mi piacerebbe sapere come e se posso aggiungere elementi HTML standard (div, pulsante) a un insieme specifico di coordinate sulla mappa?

Per esempio io ho una serie di coordinate e vorrei allegare una notifica palloncino personalizzato a loro

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

e quando ho pan lontano dalle coordinate del elemento dovrebbe scomparire e quando ho pan indietro a loro, l'elemento dovrebbe riapparire.

È possibile farlo con Google Maps?

Answer 1

è possibile utilizzare le sovrapposizioni personalizzate - https://developers.google.com/maps/documentation/javascript/customoverlays per quella

Answer 2

Come romano ha detto, è possibile creare un costume javascript oggetto che implementa GOverlay.

Ecco un esempio di un altro S.O. domanda in cui il ragazzo voleva inserire un SVG sopra una mappa di google. Tuttavia sono abbastanza sicuro che potresti usare la sua soluzione per inserire solo HTML.

How can I overlay SVG diagrams on Google Maps?

Answer 3

Che cosa si vuole guardare è la funzione openInfoWindowHtml. Dovrai prima aggiungere un marker alla mappa. Dai un'occhiata a this example su Google per un buon esempio di questo, combinato con la funzione nifty maxim.

Answer 4

Se si vuole fare un pallone personalizzato, vedere questa domanda:

Google Maps Bubble Templates

Answer 5

Vedi this come classe base per l'ultima versione API di 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);