Map
📖 Overview
The Map block embeds an interactive Google Map. It requires a Google Maps API key and optional Map ID to be configured in the theme options.
✏️ Content Options
| Field | Type | Required | Description |
|---|---|---|---|
| Google Map | Google Map | No | Search for a location or drag the marker to set the map center point and zoom level |
🔧 Requirements
The following settings must be configured in the theme options for the map to display:
- Google Maps API Key – Required for the map to function
- Google Maps Map ID – Optional, used for custom map styling
🎨 CSS Variables
The following CSS variables can be configured to customise the block’s appearance:
| Variable | Default Value |
|---|---|
--block-map-min-height |
300px |