Google Maps API - Anpsthemes

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 theme and our Anps theme plugin.

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

To update our plugin, simply remove it inside the WordPress admin area under Plugins. Once uninstalled an option to install the plugin will become available. Navigate to Appearance – Install Plugins to install the latest version.

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 – Plugin 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