Bitte beachte, dass sich diese Dokumentation auf die neuste Version dieser Erweiterung bezieht. Wenn eine ältere Version eingesetzt wird, kann diese abweichen. Die jeweils passende Dokumentation befindet sich im Dokumentation-Verzeichnis der Erweiterung.
Google-Maps
Google-Maps API konfigurieren
Die Einbindung der Google-Maps API kann über zwei TypoScript-Konstanten konfiguriert werden. Über die erste Konstante apiKey
gibst Du den Google-Maps API-Key an.
themes.configuration.javascript.google.maps.apiKey = abc
Über eine zweite Konstante können weitere Libraries, wie z.B. die Places-Library für die Einbindung definiert werden.
themes.configuration.javascript.google.maps.places =
Konfiguration der Map-Marker
In jedem Buchungs-Objekt können die Latitude und die Longitude angegeben werden, so dass ein Marker auf der Karte platziert werden kann. Darüber hinaus kann der initiale Zoom angegeben werden.
Über eine TypoScript-Konstante kannst Du die Farbe des Markers an Ihr Corporate Design anpassen. Dafür weist Du einfach den gewünschten Hex-Farbwert zu.
themes.configuration.extension.bookings.detail.map.marker.color = abc
Konfiguration der Karten-Farbe
Die Buchungs-Erweiterung bietet eine weitere TypoScript-Konstante, mit der Du einstellen kannst, welche Farbwelt Deine Google-Karte verwenden soll. Die TypoScript-Konstante themes.configuration.extension.bookings.detail.map.style
kann drei vorkonfigurierte Werte haben:
- normal: Bei dieser Einstellung werden die Farben ganz normal dargestellt.
- grayScaled: Mit dem Wert grayScaled wird die Karte in Grautönen dargestellt.
- primaryColored: Mit primaryColored kannst Du selbst einen Farbwert angeben, in welche die Karte gefärbt wird. Dieser Farbwert muss als Data-Attribut an den Body-Tag gehängt werden, bspw.
data-color-primary="#001EFF"
. Wie Du die Body-Tag konfigurieren kannst, so dass dieser den Farbwert aus der TypoScript-Konstantethemes.configuration.colors.primary
nimmt, kannst Du im Bereich Integration lesen.