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.

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.

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

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. 

You're welcome Sinclair.