I never had to use the api before, buton my latest site the map is not being displayed and i see following:
Google’s Inspect Element tool is spitting out this error message:
Google Maps API error: MissingKeyMapError
Is this new behavior?
Google maps widget needs Api
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi Jasper,
Yes. :( A recent Google update requires the use API keys. For more information please refer to this post.
To resolve this issue you’re going to have to add a Google Maps API key to your SiteOrigin Google Maps widget. In the next version, we’re looking to enforce the API key requirement. :( To create an API key please navigate to this page and click the blue “Get a Key” button and follow the prompts.
Which API is required?
I’m attempting to utilize this mapping widget and have entered my Browser API and enabled several API services (* below)
However, the map does not show through either the preview function or on the live site.
Here is the list of Google Map APIs I may enable through my API key:
Google Maps Android API
Google Maps SDK for iOS
Google Maps JavaScript API*
Google Places API for Android
Google Places API for iOS
Google Maps Roads API*
Google Static Maps API*
Google Street View Image API
Google Maps Embed API*
Google Places API Web Service
Google Maps Geocoding API
Google Maps Directions API*
Google Maps Distance Matrix API
Google Maps Geolocation API
Google Maps Elevation API
Google Maps Time Zone API
Hi Jasper,
Google Maps Geocoding API, Google Maps JavaScript API, Google Maps Embed API.
It should be noted that I can actually see the map on your website. This leads me to believe that there’s another issue present. Could you please send me the contents of your console? Please refer to this guide on how to access your browser console.
Well, your ability to see it is a good start. I’m still not seeing it on my machine or through my mobile device.
From what I gathered, there is an error between my API key and the code that is calling the API.
However, why my terminal and your terminal see it differently is boggling.
Here is the console error log text:
SAFARI 9.1.1 (11601.6.17):
[Error] This API project is not authorized to use this API. Please ensure that this API is activated in the APIs Console: https://console.developers.google.com/apis/library?project=_ Please ensure this API is activated in the Google Developers Console: https://console.developers.google.com/apis/api/geocoding_backend?project=_ For more information on authentication and Google Maps Javascript API services please see: https://developers.google.com/maps/documentation/javascript/get-api-key
ab (js:35:200)
(anonymous function) (geocoder.js:3:138)
(anonymous function) (common.js:52:133)
(anonymous function) (common.js:26:136)
(anonymous function) (common.js:52)
(anonymous function) (common.js:191:173)
c (common.js:45:407)
global code (AuthenticationService.Authenticate:1)
CHROME 51.0.2704.103:
This API project is not authorized to use this API. Please ensure that this API is activated in the APIs Console: https://console.developers.google.com/apis/library?project=_ Please ensure this API is activated in the Google Developers Console: https://console.developers.google.com/apis/api/geocoding_backend?project=_ For more information on authentication and Google Maps Javascript API services please see: https://developers.google.com/maps/documentation/javascript/get-api-key_.ab @ js?v=3.exp&callback=soGoogleMapInitialize&key=AIzaSyC83aD1hIJT5j8oA6CVJdVdMT2UsQqW8y8:35
FIREFOX 47.0.1:
“This API project is not authorized to use this API. Please ensure that this API is activated in the APIs Console: https://console.developers.google.com/apis/library?project=_ Please ensure this API is activated in the Google Developers Console: https://console.developers.google.com/apis/api/geocoding_backend?project=_ For more information on authentication and Google Maps Javascript API services please see: https://developers.google.com/maps/documentation/javascript/get-api-key” js:35:179
_.ab() js:35
Wba/a<() geocoder.js:3
_.Tm/</<() common.js:52
tl/<() common.js:26
_.Tm/<() common.js:52
Bm/c() common.js:45
Thanks for your help and insight on this.
Hi Jasper,
To clarify, did you enable the APIs I listed in my last reply? That error code you’re seeing typically is as a result of those not being activated.
My API seems to be getting traffic, so that’s a good indication.
I’ll see how my browsers respond in a short while.
No, sorry.
That is exactly the info I was looking for.
Enable: Google Maps Geocoding API, Google Maps JavaScript API, Google Maps Embed API
Perfect. Thank you!