FoxstudioAdd and edit elements
Google map
3 min read
When to use this element
- A contact page showing your store or studio address
- A landing page for an in-store event or pop-up
- A multi-location page showing different outlets or pickup points
- Any page where helping customers find you physically drives conversions
How is this different from similar elements?
Use this
Google map
Use instead if...
Static image
Quick setup
Settings — General
| Setting | What it does | When to use |
|---|---|---|
| Address | The location the map centers on | Enter a full address for best accuracy — street, city, country. Partial addresses may pin the wrong location. |
| Google map API key | Unlocks custom map styling | Optional — only needed if you want to change the map's visual style (colors, labels, etc.). Leave empty for the default Google Maps style. Get a key from Google Cloud Platform Console. |
| Zoom level | Controls how close or wide the initial map view appears | 10–12 — shows a wide city-level view. 14–16 — street level, good for a single address. 17+ — very close zoom, useful for showing a specific building. |
| Overlay opacity | Applies a color overlay on top of the map | Set to 0% for a normal map. Increase to blend the map into your page design — useful when you want a subtle branded feel over the map. |
API key note: The default map works without an API key — it uses the standard Google Maps embed. An API key is only required if you want to apply a custom map style. You can get one for free from the Google Cloud Platform Console →
Last updated