Google Maps Karte mit mehreren Markierungen erstellen

Oft wird nach einer einfachen Möglichkeit gesucht eine Google Maps Karte mit mehreren Markierungen (Marker) für die eigene Website zu erstellen und diese auch noch zusammenzufassen, auch Google Mals Cluster genannt. Idealerweise sind die einzelnen Marker auch noch klickbar um weitere Informationen darstellen zu können. Die Google Maps Dokumentation ist da auf die schnelle zu umfangreich. Also hier eine Funktionierende Lösung. Zu beachten ist hierbei das Ihr einen Google Maps API Key benötigt. Diesen erstellt Ihr hier Google Maps API erstellen



Den Google Maps API Key ergänzt Ihr im HTML Code:



Beispiel Maps:

Eigenes Icon / Marker

Wenn Ihr Zeile 50 & 65 einkommentiert, wird der Marker gegen das Bild ersetzt was in Zeile 50 definiert wurde. In Zeile 27 bis 28 wurden die einzelnen Markierungen (Marker) definiert. Hier einfach weitere ergänzen oder löschen. Achtet darauf (der letzte hat kein Komma am Ende)



Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.