Skip navigation
Please note that this documentation is for the most recent version of this extension. It may not be relevant for older versions. Related documentation can be found in the documentation directory of the extension.

Google Maps

Google Maps API Configuration

The Google Maps API can be configured using two TypoScript constants. Use the apiKey constant to define the Google Maps API key.

themes.configuration.javascript.google.maps.apiKey = abc

A second constant can be used to define additional libraries e.g. when integrating the Places library.

themes.configuration.javascript.google.maps.places =

Configure map markers

Latitude and longitude can be added to a booking object so that a marker is placed on the map. The initial zoom can also be specified.

You can also define a TypoScript constant for your marker color to fit your corporate design. Simply assign the desired Hex color value.

themes.configuration.extension.bookings.detail.map.marker.color = abc

Configure map color

The booking extension provides a TypoScript constant to set the color scheme of your Google map. The TypoScript constant themes.configuration.extension.bookings.detail.map.style can take three preconfigured values:

  • normal: The colors are displayed normally.
  • grayScaled: Set to grayScaled to display the map in gray tones.
  • primaryColored: Specify your own color value for the map. This color value must be added to the body tag as a data attribute, e.g. data-color-primary =" #001EFF". Read more about how to configure the body tag so that it takes its color value from the themes.configuration.colors.primaryTypoScript constant in the Integration area.

Contact request

You can contact us at any time

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