Betriebsurlaub

Unser Büro ist zur Zeit zwecks Betriebsurlaub nicht besetzt. Wir stehen Ihnen ab Montag, dem 02. Juli 2018 wieder zur Verfügung.

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

Get-a-google-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:

Erstellter-Google-API-Schlussel

Und fügen Sie diesen dann in die Plugin-Konfiguration ein:

API-Schlussel-Plugin-Konfiguration

Feld-Konfiguration der Tab-Reiter

Für dieses Inhaltselement stehen die folgenden Felder zur Verfügung:

Konfigurationsfelder: Map

Feld
Beschreibung
Feld:

Breitengrad

Beschreibung:

Breitengrad der anzuzeigenden Position
Siehe unten: Wie erhalte ich die Breiten- und Längengrad Werte?

Feld:

Längengrad

Beschreibung:

Längengrad der anzuzeigenden Position
Siehe unten: Wie erhalte ich die Breiten- und Längengrad Werte?

Feld:

Zoom-Faktor

Beschreibung:

Der Zoom-Faktor gibt an, wie nah rangezoomt werden werden. (Wertebereich 1 bis 21)

Feld:

Höhe der Map in Pixel

Beschreibung:

Definiert die Höhe der anzuzeigenden Karte

Konfigurationsfelder: Map Marker

Feld
Beschreibung
Feld:

Position markieren

Beschreibung:

Ist diese Option aktiv, so wird an der definierten Position eine Markierung gesetzt

Feld:

Info-Fenster am Marker anzeigen

Beschreibung:

Ist diese Option aktiv, so wird an der definierten Position ein Info-Fenster gesetzt

Feld:

Info-Fenster Inhalt
Dieses Feld wird nur angezeigt, wenn die Option Info-Fenster am Marker anzeigen aktiv ist.

Beschreibung:

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

Breiten-und-Langengrad-ermitteln

Beispiel-Element

Hinweis: Die Devicegrößen können durch verkleinern / vergrößern des Browser-Fensters nachgestellt werden.