Okay
  Public Ticket #1705503
Google Maps
Closed

Comments

  •  5
    reverse-design started the conversation

    Hi
    I have been trying to get the SiteOrigin Google Map Widget to work, but without success. I have obtained a Google API Key and activated the following APIs:
    – Maps Embed
    – Maps Static
    – Geocoding
    – Geolocation
    – Maps Javascript

    I can't see a map preview or the map on the page. Can you help please?

    Thanks.

  •  1,593
    Barry replied

    Hi there,

    Please add the SiteOrigin Google Map widget to the page builder and add your Google Maps API key into the "API Key" setting of the map. Then scroll to the Marker section and add your location under "Marker positions".

    If everything is correctly configured in your account on the Google Console the map now should display on your website.

    Please let me know if that did the trick.

    Best regards,
    Barry
    QreativeThemes.com  |  WordPress Themes

  •  5
    reverse-design replied

    Hi Barry

    Thanks for your reply, but no, it's still not working.
    Sinclair

  •  1,593
    Barry replied

    Hi Sinclair,

    Can you point me to the page where you've added the SiteOrigin Google Map widget? I need to take a look in to the browser console to see what error the map return to locate the exact issue. It's most likely something in your API key configuration at Google.

    Best regards,
    Barry
    QreativeThemes.com  |  WordPress Themes

  •  5
    reverse-design replied

    Hi Barry

    This is the page: http://thebodyandmindplace.co.uk/about-2/

    Thank you.
    Sinclair

  •  1,593
    Barry replied

    The following error is returned:

    Google Maps JavaScript API error: RefererNotAllowedMapError
    

    https://developers.google.com/maps/documentation/javascript/error-messages#referer-not-allowed-map-error

    This means that the url of your website has not been correctly set for your API key. Please login to the API Key console, select your API key and click on the "Credentials" tab in the left menu and check the following settings:

    - Set "Application restrictions" setting to "HTTP referrers (websites)"
    - Add the URL of your website as follow:

    *.yourdomain.com/*
    http://yourdomain.com/*
    www.yourdomain.com/*
    yourdomain.com/*

    Where yourdomain.com need to be replaced with your own domain name, each of the above on a new line.

    Please see our article for a step by step guide:

    How-to: Create Google Maps API key

    That should do the trick

    Best regards,
    Barry
    QreativeThemes.com  |  WordPress Themes

  •  5
    reverse-design replied

    Hi Barry

    I have checked and made that change, but it's still not working.

    Kind regards,
    Sinclair

  •  5
    reverse-design replied

    Hi Barry

    Should I try removing the Application Restrictions?
    Sinclair

  •  1,593
    Barry replied

    Hi Sinclair,

    Currently the map is visible for me on your website, but it has an overlay "For development purposes only". This means that you don't have setup an billing account for Google Map.

    Recently Google has changed the map usage for websites, unfortunately. This means that aside from the API key you need to create specifically for your website, you also need to create a billing account at Google. You still get around 25.000 connections per month for free but if you exceed this Google start billing you.

    Here you can read more about these recent changes for API embedded Google Maps.

    But Google still offer the simple html embedded map for free. For this map you don't have to setup an API key and billing account and you can add the map straight to your website. Unfortunately this map doesn't have any options and can only display one location, but it might be a solution if you don't want to setup a billing account at Google.

    If you want to add this type Google Map to your website please navigate to Google Maps and follow these steps. You can copy the HTML code and add it in a "Custom HTML" widget to the page builder.

    Please note that all these changes are made by Google, unfortunately we can't do anything about it. 

    Best regards,
    Barry
    QreativeThemes.com  |  WordPress Themes

  •  5
    reverse-design replied

    Hi Barry

    I used the free version in the end. Thanks for your help.

    Sinclair

  •  1,593
    Barry replied

    You're welcome Sinclair.

    Best regards,
    Barry
    QreativeThemes.com  |  WordPress Themes