Inhaltselemente: Google Maps
Das Inhaltselement "Google Maps" gehört zur Gruppe der Spezial-Inhaltselemente.
Diese Beschreibung setzt voraus, dass Sie bereits den Artikel Erste Schritte / Schnelleinstieg gelesen haben.
Das Inhaltselement Google Maps dient zur Einbindung einer Google Maps Karte. Hierbei kann die anzuzeigende Position durch einen Marker markiert und bei Bedarf mit einem Info-Fenster versehen werden. Beachten Sie bitte, dass für die Nutzung dieses Inhaltselements ein valider Google API Schlüssel in der Plugin-Konfiguration des Plugins hinterlegt werden muss.
Google API Schlüssel erstellen und hinterlegen
Öffnen Sie die Seite
https://developers.google.com/maps/documentation/javascript/get-api-key
Klicken hier auf die Schaltfläche GET A KEY
Für die Erstellung eines Google API Schlüssels wird ein Google Konto benötigt. Melden Sie sich an dieser Stelle mit Ihrem Google Konto an und folgen anschließend dem Google Prozess zur Erstellung des API Schlüssels.
Kopieren Sie nach erfolgreicher Erstellung den API Schlüssel:
Und fügen Sie diesen dann in die Plugin-Konfiguration ein:
Feld-Konfiguration der Tab-Reiter
Für dieses Inhaltselement stehen die folgenden Felder zur Verfügung:
Konfigurationsfelder: Map
Breitengrad
Breitengrad der anzuzeigenden Position
Siehe unten: Wie erhalte ich die Breiten- und Längengrad Werte?
Längengrad
Längengrad der anzuzeigenden Position
Siehe unten: Wie erhalte ich die Breiten- und Längengrad Werte?
Zoom-Faktor
Der Zoom-Faktor gibt an, wie nah rangezoomt werden werden. (Wertebereich 1 bis 21)
Höhe der Map in Pixel
Definiert die Höhe der anzuzeigenden Karte
Konfigurationsfelder: Map Marker
Position markieren
Ist diese Option aktiv, so wird an der definierten Position eine Markierung gesetzt
Info-Fenster am Marker anzeigen
Ist diese Option aktiv, so wird an der definierten Position ein Info-Fenster gesetzt
Info-Fenster Inhalt
Dieses Feld wird nur angezeigt, wenn die Option Info-Fenster am Marker anzeigen aktiv ist.
Definiert den Inhalt des Info-Fensters
Wie erhalte ich die Breiten- und Längengrad Werte?
Öffnen Sie hierzu die Google Maps Seite und suchen hier nach der anzuzeigenden Position. Anschließend können Sie den Breiten- sowie den Längengrad anhand der veränderten Browser-Url ermitteln.
In unserem Fall:
Breitengrad: 49.7386955
Längengrad: 6.6153789
Beispiel-Element
Hinweis: Die Devicegrößen können durch verkleinern / vergrößern des Browser-Fensters nachgestellt werden.