Enable the Javascript Console on your browser and while displaying the map reload the page. Are there any javascript errors displayed in the console?
Confirmed — seeing a Google Maps API error: RefererNotAllowedMapError in the JS console. I have key restrictions set to a wildcard of my WP blog website, though, so I’m surprised I’m seeing this.
Note — I’ve also regenerated the key with the same HTTP key restriction. It’s now cached on the old key in the dashboard and throwing an expired key error. I’ll wait a bit and see if the new key takes effect / starts working.
It’s actually, most probably, cached by the browser, do a force refresh on your page (CTRL+F5 on Chrome) or clear your browser cache.
Google Maps API error: RefererNotAllowedMapError
Got it again in a clean Firefox browser session. Same error I was getting with Chrome. Thoughts?
Still no joy. The new API key is still throwing the RefererNotAllowedMapError.
It’s clear that the referrer restriction is incorrect. Try to disable it or post some details about the API Project configuration.
A few questions…
Which APIs from the maps console should be enabled for the key to work? Javascript? Geocoding? Both?
What should the referer restriction be? I used *.mywebsite.com/* before, but that was throwing an error. I changed to simple mywebsite.com (no trailing slash), and the issue seems to have been fixed.
Might be worth updating the docs with some specifics for folks unfamiliar with / new to the Google API console for devs. Thanks, Alin!
