Docs/Google Maps
Google Maps
Google Maps displays interactive maps, custom location markers, and store locators on your site.
What your site can do with Google Maps
- Display embedded interactive maps centered on your business address
- Add custom styled pins and info windows for points of interest
- Enable directions and satellite view directly on your contact page
Common use cases
| Example app | Example prompt | What happens |
|---|---|---|
| Store locator | Use Google Maps to show our office address on the contact page. | Visitors see an interactive map centered on your physical location. |
| Event venue map | Display an interactive map with driving directions for our annual conference. | Guides attendees to the event venue with zoom and directions. |
Prerequisites
- A Google Cloud Platform (GCP) account
- Maps JavaScript API enabled
- An API key (starts with AIzaSy)
Set up Google Maps
- In Google Cloud Console, enable 'Maps JavaScript API'.
- Create an API Key under Credentials and restrict it to HTTP referrers (your site domain).
- In the Studio, open Connectors → Google Maps, paste your API key, and republish.
Limitations
- Requires billing to be enabled on your Google Cloud project (Google provides $200 monthly free credit).
- Ensure API key restrictions match your published site domain to prevent unauthorized usage.