How to add the Google API key to the Presence Builder Maps

Intro

Here you will find how to obtain a Maps JavaScript API Key and insert it into Presence Builder.

The Presence Builder's Map Module allows the user to easily include a Google Map pinned with your location.

The steps (solution):

  1. Create or login in your Google account
  2. Go to https://developers.google.com/maps/documentation/javascript/
  3. Click on GET A KEY button.
  4. A popup titled Enable Google Maps JavaScript API will appear. Click on the field My Project and give it a name, for example Presence Builder.
  5. Agree with the Terms of Service by clicking on Yes
  6. Click NEXT, the following screen will show your API KEY
  7. In the Presence Builder, under modules, drag and drop the Map module to its desired location. click on Edit in the top left corner of the Map module.
  8. Enter your location, then click Search.
  9. Drag and drop the pin icon to its proper location. Write your company name under Title, ensure that the address is correct, then click okay.
  10. Copy the API KEY from the step 5, then paste it in the Map module in the place Google Maps API Key.
  11. Save and then Publish the website.
Since 2016 the Google Maps API key is mandatory for every Google Maps implementation, including the free Standard Usage. At the time of writing, the limits imposed by Google are available here: https://developers.google.com/maps/documentation/javascript/usage

Generally speaking, this service is currently free for the users of the standard API, until exceeding 25,000 map loads per 24 hours.

Known Issues

If you receive a message stating "Missing Key Map Error" you will be able to find information on how to resolve it here: https://issuetracker.google.com/issues/35828875#c3
Was this answer helpful?