|
bcannon11
|
February 14, 2020 at 9:01 am
The Google Map is not displaying on my event page:
Can you please tell me what I’ve done wrong as I obviously don’t have everything set correctly:
** redacted **
Thank you!
-
This topic was modified 4 years, 9 months ago by
 Josh. Reason: removed screenshot which contains API key
-
This topic was modified 4 years, 4 months ago by
 Garth.
|
|
Josh
|
February 14, 2020 at 9:13 am
Hi,
The error in the console says “RefererNotAllowedMapError”
Your site URL to be authorized: https://bethcannonspeaks.com/
So where you have
http://*.bethcannonspeaks.com/*
and other variations with *, you remove those and replace with:
https://bethcannonspeaks.com/
Then, you’ll also need to check the checkbox next to Geocoding API.
|
|
bcannon11
|
February 14, 2020 at 10:27 am
I made your changes and I’m still getting an error message (I waited way longer than 5 minutes for settings to take effect):
https://bethcannonspeaks.com/venues/locavore/
https://bethcannonspeaks.com/events/breaking-burnout/
Can you please check again for me and let me know where I’m still messed up?
Thank you!
|
|
Josh
|
February 14, 2020 at 10:49 am
You could try adding these items to Website restrictions:
https://bethcannonspeaks.com/events/*
https://bethcannonspeaks.com/venues/*
|
|
bcannon11
|
February 14, 2020 at 2:53 pm
I made your suggested changes:
but I’m still getting the same Oops message:
https://bethcannonspeaks.com/events/breaking-burnout/
https://bethcannonspeaks.com/venues/locavore/
Do you have any other suggestions? I’d really like the map to display. Thank you.
|
|
Josh
|
February 14, 2020 at 3:20 pm
Hi,
You can check the console and get the error directly from Google. In this case, the error now is:
Google Maps JavaScript API error: ApiTargetBlockedMapError
and they give you this URL:
https://developers.google.com/maps/documentation/javascript/error-messages#api-target-blocked-map-error
which has this information:
The Maps JavaScript API has not been authorized for the used API key. Please check the API restrictions settings of your API key in the Google Cloud Platform Console.
|
