Okay
  Print

How-to: Create Google Maps API key

Google Maps usage changes

Google changed the requirements for the Google Maps usage on your website. You need to enter your credit card details at Google and create an API key. You get $200 free usage a month (≈ 28.500 map connections) and if you exceed this they start billing you. Unfortunately these changes are made by Google and not by us, we can't do anything about this. On this link you can read more about these changes.

If you don't want to enter your credit card details there is an alternative to add a map to your website. The iframe embedded map will remain free for usage and don't require any account nor credit card details. Unfortunately this map can only display 1 location and don't have any other options than width and height.

To add this map to your website please remove the "QT: Google Maps" from the page builder and remove the API key from the customizer (if you don't have an API key at all you can skip this step).

Then follow these steps and on Google Maps and add the copied HTML code in a "Custom HTML" widget to the page builder. This is the most basic way of adding a Google Map to your website and will be free for usage.



Create a Google Maps API key

1.  Please create your Maps API key via this link. And click the Continue button (this could take a minute).


2. Enter a name for your key, click "HTTP Referrers", add the URL of your website and click the 'Create' button 

Please use the examples below to add your website. Replace yourdomain.com with your domain name. Each in a new input field.

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



3. Copy the API key you see in the modal.



4. Navigate to the API Manager and click the 'Google Maps JavaScript API' link (see above image). 



5. Make sure you click the 'Enable' button. If you only see 'Disable' you can leave the page

For the Physio WordPress theme please enable the "Geolocation" and "Geocoding" API's too. These API's are required to use the maps widget.


Add the API key to your website

The Landscaper

Navigate to Appearance -> Customize -> Theme Options -> Custom and add the API key to the "Google Maps API" input field

Physio

Edit the "SiteOrigin Google Maps" widget and add your API key to the "API Key" input field