1. Home
  2. Tutorials
  3. Advanced website settings
  4. How to get your Google Maps API key
 

Maps 1

Enable the Google Maps API

To display a Google Map on your site, it is necessary to create and specify your google maps API. This tutorial will walk you through the process of enabling an API and using it on your website's manager to display interactive maps.

To enable your API, you must have a Gmail account. If you do not have a Gmail account you will need to create one.

 

Enable an API

You must connect to Google Developers Console to enable your API.

1. Create a new project

If this is the first time you have accessed Google Developers Console, you will need to create a new project that will be named "My Project".

You will need to tick the following two boxes :

  • Decide if you want Google to email updates or not about Google APIs
  • Accept the conditions of the Terms of Service.

Then click on Agree and continue.

Devsearchconsole

Credentials

2. Create your API key

The are two new fields to fill in :

  • You must name the key (you can always leave the default name "Browser key 1")
  • In the field Accept requests from these HTTP referrers (websites): Enter the URL web address of your website without the "www" and then add an asterisk before and after: for example *.domain.com*

Then click on  Create

3. Your API key has been created

A new window will pop-ip with your API Key, copy this key before integrating it into your emyspot manager. 

Once the window is closed you can find the key easily Manage API > IDs.

Api key

Integrate the code into your site

Meet up in Settings > Global Settings > API Google. Copy and paste the API key code that is obtained by the above steps on your Google Developers Console.

To easily diplay Google Maps on your site, we invite you to follow this tutorial dedicated to the Google Maps widgets.