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.