Okay
  Print

How-to: Create Google Maps API key

IMPORTANT: UPDATE GOOGLE MAPS API KEY

On July 16, 2018 the Google Maps API will change. You need to enter your credit card details to use the API key for Google Maps. Google provide a $200 free usage a month (≈ 28.500 map connections) and if you use more they will start billing you. Unfortunately these changes are made by Google and this is out of our control. Here you can read more about this change.

If you want to keep using Google Maps on your website, but you don't want to enter your credit card details please remove the "QT: Google Maps" widget from the page builder and remove your API key.

Then follow these steps 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.





The Google Maps widget requires a Google Maps API key to work. Please follow the steps below to create one:


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

If you're using the Physio theme please also enable the API for Geolocation and Geocoding. If these API's are not enabled the Google Map widget won't work.




Using your Google Maps API key

The Landscaper WordPress theme
Please navigate to Appearance > Customize > Theme Options > Custom and add the key in the Google Map API key input field.

Physio WordPress theme
Within the SiteOrigin Google Map widget you can add your Google Maps API key within the first input field 'API key'.