Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
  • #978219

    Hi folks,

    I’m having trouble with the new Google Maps API. I just “upgraded” my Google account and added billing info. The key wouldn’t work fully. In the process of troubleshooting, I even removed the HTTP referrer restriction from the key. The behavior I’m seeing is this:

    1) Add the key in the Theme Options.
    2) Click “Save all changes”
    3) The page loads the Google Map element as expected.
    4) Click “Check API Key” in the Theme Options.
    5) I see “Could not connect to Google Maps with this API Key.” and the Google Maps element on the page shows, “This page can’t load Google Maps correctly.” and “For development purposes only.”

    What’s happening? It’s fine that the API works, but it’s odd that the theme thinks it doesn’t work.
    I’m using Enfold 4.4.1.

    I haven’t disabled all the plugins to check yet because this is a production site and I don’t want to disturb anything yet. Credentials are in the private content.

    I appreciate any guidance you can offer!


    Hey AJDesignCo,

    Thank you for using Enfold.

    This is the error when I try to authenticate the key.

    js?v=3.32&callback=av_backend_maps_loaded&key=AIzaSyD2dKbb0E_4yVBwqv_jJfu736B16qfenhQ:42 Geocoding Service: This API project is not authorized to use this API. For more information on authentication and Google Maps Javascript API services please see:

    Are you sure that you selected the correct API when you created the project?

    This might help.

    Best regards,


    I’ve just walked through the setup and created another key. I also restricted it to the domain:
    Google Maps API restriction

    When I save the API key in the Theme Options without clicking “Check API Key,” the Google Maps elements work with no error. Here’s a live example:

    And here’s a screenshot just in case the condition changes by the time you read this:
    Google Maps Element - Functional

    I am fairly certain I enabled the correct API:
    Google Maps API

    I’m seeing the same behavior I described in the original message above. I add the API key to the Theme Options and save it. The Maps element works. When I “Check API Key” in the Google Service section of Theme Options, I see this error:
    Google Services after clicking “Check API Key”” />

    After that, when I refresh a page with the Google Maps element on it, I see this error:
    Google Maps element error

    It’s frustrating. They key appears to be both valid and appropriately restricted, and it seems to work as long as I save the Theme Options and don’t click “Check API Key.” But apparently, the success doesn’t last. I appreciate any assistance you can offer.



    Thanks for the update.

    I’m trying to debug the issue but I lost the API key when I refreshed the page. Sorry about that. Please add the API key again in the google services field. It seems like the theme’s av_maps_js_api_check ajax function returns 0 as the $valid_key value even if the map API check is successful causing the error response text to display instead of storing the map key. I’m not really sure yet so we need to inspect the issue further. We’ll check it again once you’ve added the API key again.

    You can actually store the map api key manually in the database as a temporary workaround.

    add_action('init', function {
         update_option( 'av_gmaps_api_key', 'ADD KEY HERE' );

    Adjust the API key then refresh the page once or twice and then delete the function.

    Best regards,


    Thanks! The API key is added once again.

    Where should I add the code you sent? The functions.php file?



    I modified the framework > php > class-gmaps.php file so the api check gets through regardless of the geocoding result. I had to do this because the geocoding service is asking for another authentication.

    Geocoding Service: This API project is not authorized to use this API.  For more information on authentication and Google Maps Javascript API services please see: js?v=3.32&callback=av_backend_maps_loaded&key=AIzaSyAmYRbX9tTqk3Cg0Qi3PSJqzUHQvudRv2M:42 

    I pushed the issue to the team. Please try to create another key for the Geocoding Service API so that we can test it further.

    Best regards,


    I haven’t heard of the Geocoding Service API in this process before. Per the instructions, I enabled the Google Maps Javascript API.

    I know you asked earlier if I was sure I enabled the right API, and I thought I was. But I’m not so sure now! Is that the problem? Should I enable the Geocoding API and use that key instead of the Google Maps Javascript API?

    Thanks for your help.



    As far as I know you can activate several APIs for one key. If you have trouble translating addresses into geographical locations, please verify that the Google Maps Geocoding API is enabled in the Google Maps API Manager.

    Best regards,



    Looks like you can enable the Geocoding API on a single project. I’m not sure if it was enabled by default when you create a project or generate a maps javascript API key but it is turned on when I visited the API manager.


    Did you manually configure the API when you created the project?

    Best regards,


    I’m having the same issue…


    I managed to resolve it…
    I generated a new key and added the ‘Maps JavaScript API’ to API Restrictions
    Before doing that I only had ‘Maps Embed API’ on ….
    Hope this helps someone.



    Great, glad you got it working and thanks for sharing your solution, much appreciated :-)

    Best regards,


    To solve this you have to edit framework/php/class-gmaps.php
    In my Version 4.5 line 17 to:
    const API_VERSION = ‘quarterly’;

    After this i can add and save api key in enfold settings successful an my map is loading correct.

    @Team Kriesi:
    Can you change this line from old Version 3.3.0 to “quarterly”?
    Would be nice if it persits an update.



    @cyborgbbr: Thanks for the info. We’ll forward it to the dev team. :)

    Best regards,


    Hi everyone,

    The issue has re-appeared on the same page:

    I wonder if Google changed the terms and we need to pay now, or if there’s an API encoding issue in the theme. Please advise. Thanks!



    You have exceeded your request quota for this API. See

    The error says that you have exceeded the request quota for the API. Did you impose a daily limit? And did you enable the Geocoding Services API manually?


    Best regards,


    I think I figured it out. I managed this particular Google Maps API in its own account, and it was set up before Google made the change that Developer Console accounts had to have active billing information connected with them. The API was configured properly, but the request quota was set down to zero because I hadn’t added billing information in the account.

    Sorry for the nag follow up request here, but I thought I would reply to let you guys (and the Googling world…) know what I found. Thanks!


    Hi AJDesignCo,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,


    I would highly recommend you to delete the screenshot / or the part in the screenshot with the key.


    Hi AWZ,

    Thank you for your input :) Maybe the owner changed the key already.

    Best regards,


    Thanks everyone. It’s handled now. Take care!


    Hi AJDesignCo,

    Glad you got it working for you! :)

    We are closing this thread.

    If you need further assistance please let us know.

    Best regards,

Viewing 22 posts - 1 through 22 (of 22 total)

The topic ‘Problems with Google Maps: "Google Maps API warning: RetiredVersion"’ is closed to new replies.