Home / / Google Maps – How to add Google API Key

Google Maps – How to add Google API Key

11097 views
Before reading this help file you may want to check this video. It explains how to create API Key for Google maps and how to set it on theme. Watch Video on Youtube

Google Maps requires you add your own API key before you start using it.

  • To create an API KEY, starting June 2018, you must have your billing account set too.
  • The use of Google Maps API is free and paid services are free within $200/month limit.

More here

In order for your API code to NOT be stolen, make sure you restrict your API to your domain only!
Important
Use wildcard domains for pages inside the main domain. If you use just your domain in referrer list yourdomain.com – the key will work only on this url yourdomain.com (home)

How to get the key

Step1: Login with your Gmail account and go to https://console.developers.google.com

Step2: Add your billing info

 

Step3: Create a project and enable these 5 options from LIBRARY API:

  1. Maps JavaScript API
  2. Places API
  3. Geocoding API
  4. Geolocation API
  5. Street View Static API

 

Step4: Select – GET A KEY

 

Step5: Click Create API

 

Step6: Restrict key

Use wildcard domains for pages inside the main domain. If you use just your domain in referrer list yourdomain.com – the key will work only on this url yourdomain.com (home)

 

Step7: Copy the API and go to API Console

Paste the key in Theme Options > Map > Map Settings

How to check the key is correct

If you still can not see the map, check that the key doesn’t need any other validations in your google account.

To verify the message, open the site in the browser console, use right click, inspect element and check the console.