Google Maps: Come aggiungere elementi HTML a coordinate specifiche?

Question

Vorrei sapere come e se posso aggiungere elementi HTML standard (div, pulsante) per uno specifico insieme di coordinate sulla mappa?

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

e quando ho PAN lontano dalle coordinate dell'elemento dovrebbe scomparire e quando ho pan di nuovo loro, l'elemento dovrebbe riapparire.

E 'possibile fare questo con Google Maps?

Answer 1

è possibile utilizzare le sovrapposizioni personalizzate - https://developers.google.com/maps / documentazione / JavaScript / customoverlays per che

Answer 2

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

Ecco un esempio di un altro S.O. domanda dove il ragazzo ha voluto inserire uno SVG sulla cima di una mappa di Google. Comunque sono abbastanza sicuro che si potrebbe usare la sua soluzione per inserire solo HTML.

Come posso sovrapporre i diagrammi SVG su Google Maps?

Answer 3

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

Google Maps modelli Bubble

Answer 4

Che cosa si vuole guardare è il openInfoWindowHtml funzione. Sarà necessario aggiungere un marcatore alla mappa prima. Scopri questo esempio su Google per un buon esempio di questo , in combinazione con la funzione di ingrandimento nifty.

Answer 5

questo come classe base per l'ultima versione di Google Maps API (v3):

Utilizzo:

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