Google Maps: Wie HTML-Elemente auf bestimmte Koordinaten hinzufügen?

Question

Ich würde gerne wissen, wie und wenn ich Standard-HTML-Elemente hinzufügen kann (div, Taste), um einen bestimmten Satz von Koordinaten auf der Karte?

Zum Beispiel habe ich einen Satz von Koordinaten, und ich möchte eine benutzerdefinierte Sprechblasen-Benachrichtigung, um sie befestigen

, und wenn ich von den Koordinaten weg schwenken das Element sollte verschwinden und wenn ich Pfanne zurück zu ihnen sollte das Element wieder.

Ist es möglich, dies mit Google Maps zu tun?

Answer 1

können Sie benutzerdefinierten Overlays verwenden - https://developers.google.com/maps / Dokumentation / javascript / customoverlays dass

Answer 2

Wie roman sagte, können Sie ein benutzerdefiniertes Javascript-Objekt erstellen, welche Geräte GOverlay .

Hier ist ein Beispiel von einer anderen S.O. Frage, wo der Mann ein SVG auf einer Google-Karte einfügen wollte. Allerdings bin ich ziemlich sicher, dass Sie seine Lösung nur Insert HTML nutzen könnten.

Wie kann ich Overlay SVG-Diagramme auf Google Maps?

Answer 3

Wenn Sie einen benutzerdefinierten Ballon machen mögen, finden Sie diese Frage:

Google Maps Blase Vorlagen

Answer 4

Was Sie wollen, zu betrachten ist die openInfoWindowHtml Funktion. Sie müssen zuerst einen Marker zu der Karte hinzuzufügen. Schauen Sie sich diesem Beispiel auf Google für ein gutes Beispiel dafür mit der geschickten Maximierungsfunktion kombiniert.

Answer 5

Siehe diese als Basisklasse für die neueste Google Maps API-Version (Version 3):

Verbrauch:

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