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 the required APIs enabled on your project?
Go to APIs & Services > Enabled APIs and check that these are all listed:
Maps JavaScript API
Places API (New)
Geocoding API
Missing even one can cause this error. If any are missing, enable them from the API Library, or paste your key on Connect your map, which shows the missing one with a Turn on link.
If your project also has Places API (the legacy one, without "New") available, you can enable it too. Our widget uses Places API (New) by default and only falls back to the legacy one if the new one ever fails. New Google Cloud projects can no longer turn on the legacy Places API, and that's fine.
3. Are the APIs also allowed on your key?
Enabling an API on your project isn't enough. You also need to allow it on your specific API key. This is a separate setting that trips up a lot of people.
Go to Google Cloud Credentials, click your API key, and scroll to API restrictions. If "Restrict key" is selected, make sure the allowed list includes every API from step 2.
4. Is your API key valid and pasted correctly?
Open the map connection settings (Store Locator > Customize, then Map & markers, then Map connection) and check the Google Maps API key section. StoreRocket never shows a saved key, so if you're unsure, paste the key again from Google Cloud and select Save. Copy-paste errors (extra spaces, missing characters) are common.
5. Are your domain restrictions correct?
On the same Credentials page, 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? Message us on live chat.