Loading...
Navigation überspringen
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-Konstante themes.configuration.colors.primary nimmt, kannst Du im Bereich Integration lesen.

Kontaktanfrage

Du kannst uns jederzeit kontaktieren

Stop! Playing in the meantime?
Stop! Playing in the meantime?
Stop! Playing in the meantime?

Stop! Playing in the meantime?

Break the highscore

Press Start
Contact request
Screenreader label
Security question
R5W_________YRP______
__P____K____U_7___CEC
R3P___9LF___8UN______
__M____5______S___NTA
7F4_________XRP______