Home>Support>Google maps widget needs Api

Google maps widget needs Api

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?

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 5 years, 2 months ago Alex S Hi, I Work Here

    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.

  2. 5 years, 2 months ago jpmizell

    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

  3. 5 years, 2 months ago Alex S Hi, I Work Here

    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.

  4. 5 years, 2 months ago jpmizell

    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.

  5. 5 years, 2 months ago Alex S Hi, I Work Here

    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.

  6. 5 years, 2 months ago jpmizell

    My API seems to be getting traffic, so that’s a good indication.
    I’ll see how my browsers respond in a short while.

  7. 5 years, 2 months ago jpmizell

    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!

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More