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
Geocoding API
Geolocation API
Places API (New)
Missing even one can cause this error. If any are missing, enable them from the API Library.
If your project also has Places API (the legacy one, without "New") available, enable it too. Our widget uses Places API (New) by default but falls back to the legacy one for reliability. New Google Cloud projects may not show 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?
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.
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? Hit us up on live chat.