Map

An interactive component used to display a map integrated with Google.

Below is a list of the component's features and available functionality:

  • Heading fields
  • Option to select between a simple or interactive map, with interactive map providing more features such as:-
    • Add multiple pins/locations
    • Locations filtering
    • Pin icon customisation
    • Location description and image popups on click
    • Toggle map controls on and off
    • Disable map dragging
    • Zoom map out to fit all locations
  • Various map settings
  • Setting to adjust the default zoom level

Tip

The Map component can be used as a building block in other components such as the Grid or List. This means it can be rendered in a specific layout among with other partials or components for added styling. To find out how to activate the Map component with an API key, click on the button below.

Back to Components