If you see "This page can't load Google Maps correctly. See the JavaScript console for technical details" on your store locator, it means Google Maps can't initialize properly. Here's how to fix it.
Check these in order
1. Is billing enabled on Google Cloud?
Go to Google Cloud Billing and make sure a billing account is linked to the project that contains your API key. Google won't serve maps without an active billing account, even though you almost certainly won't be charged.
2. Are all four APIs enabled?
Go to APIs & Services > Enabled APIs and check that all four are listed:
Maps JavaScript API
Geocoding API
Geolocation API
Places API
Missing even one can cause this error.
3. Is your API key valid and pasted correctly?
Go to your Map Provider settings and check that the Google Maps API key is entered. Copy-paste errors (extra spaces, missing characters) are common.
4. Are your domain restrictions correct?
Go to Google Cloud Credentials, click your API key, and check the HTTP referrer list includes:
*yourdomain.com/**storerocket.io/**.storerocket.io/*
For the full setup walkthrough, see our Google Maps API key guide.
Still stuck? Hit us up on live chat.