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 thethemes.configuration.colors.primary
TypoScript constant in the Integration area.