These docs are for v3.2. Click to read the latest docs for v5.0.

Discussions

Ask a Question
Back to All

Where to enter Google Maps API Key?

It probably is documented somewhere, but I'm not finding any doc for the Maps module. Specifically I'm not sure where to enter my Maps API key, and if there's anything else that needs be done. I don't see a place to enter this in the Template Settings dialog either.

After installing the module, I get the following error:
"Oops! Something went wrong.
This page didn't load Google Maps correctly. See the JavaScript console for technical details."

The console has:
"Google Maps API warning: NoApiKeys https://developers.google.com/maps/documentation/javascript/error-messages#no-api-keys" util.js:209:33
"Google Maps API error: MissingKeyMapError https://developers.google.com/maps/documentation/javascript/error-messages#missing-key-map-error"

Here's where to get an Google Maps API key:
https://developers.google.com/maps/documentation/javascript/get-api-key

Oh maybe one follows instructions at:
http://webdesign.about.com/od/javascript/ss/add-google-maps-to-a-web-page.htm#showall
which says:
"First, Add the Map Script to the of Your Document

Open your web page and add the following to the HEAD of your document.

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=API_KEY&sensor=SET_TO_TRUE_OR_FALSE">
</script> 

Change the highlighted items to your API key, which you got in step one of this article. And change the sensor to TRUE if the web page is using an automated sensor, such as a GPS locator, to find the map location, or FALSE if you're pasting it in manually."