Google Map
Google Map displays a location map from an address. Use it alongside a written address and directions so visitors can identify the place.
Add and configure Google Map
- Click Add, choose Google Map, and place it in the container.
- Enter Content > Content > Address and a descriptive Title.
- Set Zoom and review Use Without API Key.
- Set Design > Size and Spacing, then verify the marked location.
- Save your changes.
This element has no children; use its own controls.
Controls
Responsive varies by breakpoint; Hover has a hover value; Shared applies across both. Linked controls have their own reference. In conditions, = means “is” and ≠ means “is not.”
Content > Content
| Setting | Purpose and options | Behavior |
|---|---|---|
| Address | Enter the address. | Shared |
| Title | Item title. | Shared |
| Zoom | Set zoom. Range: 0–21. | Shared |
| Use Without API Key | On/off. | Shared |
Design > Size
| Setting | Purpose and options | Behavior |
|---|---|---|
| Width | Width. | Responsive |
| Height | Height. | Responsive |
Design > Spacing
| Setting | Purpose and options | Behavior |
|---|---|---|
| Spacing | spacing controls. | See linked controls |
Troubleshooting
The map identifies the wrong place
Use a complete address including city and country, then check the result.
The map does not load
Check Use Without API Key and the configured Google Maps integration. Review browser errors and any key restrictions if using an API key.