Google Maps API

As of June 2016, Google Maps no longer support keyless access and requires an API Key to work.

Before starting

First make sure you are using the latest version of our them.

To update the theme, please see our Theme Update article.

Getting the API key

Generate an API key

1. Go to the Google API Console.
2. Create or select a project.
3. Click Continue to enable the API and any related services.
4. On the Credentials page, get a Browser key (and set the API Credentials).
5. Note: If you have an existing Browser key, you may use that key.
6. For the Accept requests from these HTTP referrers option, add your domain. An example for adding anpsthemes.com:

• • *.anpsthemes.com*
  • http://anpsthemes.com/*

More information: https://developers.google.com/maps/documentation/javascript/get-api-key

Example or an API key:

Once you receive your API Key, inside the WordPress admin dashboard navigate to Appearance – Theme Options – Google Maps and input your API key in the input field.

Note: it may take up to 5 minutes for the new options to take effect. We also recommend that you clear your cache or do a hard refresh for your page.

Errors

If the map is still not showing up, check the browser developer tools to see what error is reported.

The error will contain a URL, which you can follow to see exactly why the issue is occurring.

You can also find a full list of the errors here: https://developers.google.com/maps/documentation/javascript/error-messages