Top

Add Google Maps API to Store Locator

Store Locator requires a Google Maps API key.  The good news is these are free to obtain and only takes about 60 seconds to get one :-) The API key simply lets your store make requests to Google for address lookups and things like that.

To create the API key, you will need a Google account.  
If you have a Gmail email address, you have a Google account.  
Need a Google account? Head over here first: https://accounts.google.com/signup

Step 1 - Create a project

Head over to https://console.developers.google.com/project, and login with your Google account to get started.

Once logged in to the Google Developer console, click Create Project.

A box will appear to give your new project a name. Type any name for the project.  The project name must be between 4 and 30 characters.

Click Create. Be patient as it will take a minute or two for the project to be created.

Step 2 - Enable Google Maps Javascript API

From here, there are 6 API's to enable.  You may need to click the More link to reveal the full list.

  • Google Maps Javascript API
  • Google Maps Roads API
  • Google Maps Embed API
  • Google Maps Geocoding API
  • Google Maps Directions API
  • Google Maps Geolocation API

After clicking on one of the API links, click Enable at the top of the page.  Repeat this step for all 6 APIs.

Step 3 - Add Credentials

Now that we have the Maps API enabled, credentials need to be added before we can put it to use.  
Click
Go to Credentials.

On the next page under "Where will you be calling the API from?" choose Web browser from the dropdown.

Click What credentials do I need? button.

Give the API key a name, or leave the default name. Leave the Accept request from HTTP referrers blank. Click Create API key.

Warning!

Entering referrer websites may cause your map not to load correctly.

In the get your credentials step, an API key will be displayed. This will be a long string of letters and numbers. Copy the entire API key.

When finished, click Done.  If you forgot to copy the API key, you can do so on the next page.

Step 4 - Add API key to Store Locator

In the Store Locator app, from the app homepage click on the Google Maps API Key button.

Paste the API key you copied from Step 3. Click Save.

Have more questions? Submit a request