Map Locations and Routes - Getting Started - Adding API Keys (Google Maps and OpenWeatherMap)

Adding Google API Keys

Back to WordPress Interactive Map Plugin Guide

Back to WordPress Travel Map Plugin Guide

Both WordPress Travel Map plugin and WordPress Interactive Map plugin require either Google Maps API keys or the OpenWeather API key to work.

This guide will give you an overview of how to fetch keys for both services. Note that these steps depend on the interface and conditions of these third-party services, which are subject to change.

If you believe that this guide is out of date, please contact us.

Table of Contents

1. API Keys - Which Ones are Needed
2. API Keys - Finding the Plugin Settings 
3. Google API Key
   1. Obtaining the Key
   2. Adding Billing Information
   3. Disabling Restrictions (ZIP Search feature)
4. OpenWeatherMap
   1. Obtaining the Key

^Go back to the Table of Contents

API Keys - Which Ones are Needed

Google API Keys

If you would like to use the Google Map service, you will need to activate a series of services in the same API Key. The process to get all is the same and is explained in-depth below. 

1. WordPress Interactive Map plugin Free and Pro
   1. JavaScript API
   2. Geolocation API (For some features; requires HTTPS)
   3. Geocoding API
   4. Places API
2. WordPress Travel Map plugin Free and Pro
   1. JavaScript API
   2. Geocoding API
   3. Places API
   4. Static API
   5. Elevation API 
   6. Directions API

OpenWeatherMapKey

You only need the main key provided by the app.

^Go back to the Table of Contents

Finding the Settings

In both plugins, the needed settings can be found under the Setup tab.

Under the API Keys section you can find the following settings:

• Google Maps App Key - Add here the Google Maps API key.
• Google Maps Language - Choose the language of Google Maps on your site. Note: this option was introduced in version 4.9.1 of WordPress Travel Map plugin and in version 3.0.8 of WordPress Interactive Map plugin.
• Embedding Google Maps JS API - Here you can choose if to embed Google Maps JS API on pages of your site. Available options are:
  • No
  • Yes (Loaded on all pages)

  • Selected (Loaded on following pages only)

    Note: this option was introduced in version 5.0.4 of WordPress Travel Map plugin and in version 3.2.8 of WordPress Interactive Map plugin.

• Embedding on the selected URLs - Define here the list of URLs where to embed Google Maps JS API in case if you chose Selected in the previous option. Add each URL to a separate line. Note: this option was introduced in version 5.0.4 of WordPress Travel Map plugin and in version 3.2.8 of WordPress Interactive Map plugin.
• OpenWeatherMap.org API Key - Add here the relevant API Key.

^Go back to the Table of Contents

Google API Keys - Obtaining the Google API Key

To obtain the Google API key, follow these steps:

1. Head to the Google Developers webpage.
2. Log in to your Google account.
3. Go to your project or create a new one.

4. Head to APIs & Services and then Library:

5. Select one of the API from the list. You may have to search for it by using the search bar.

6. This page is important. In it, you can enable the API and find resources about it. Click Enable:

7. Repeat steps 5 and 6 for all the API keys you need to enable. Review which keys are necessary.

8. After you have enabled all the API Keys, activate the sidebar menu and click on Credentials. You will find the API key there, ready to be copied and pasted into the plugin's settings.

   

Billing

Also, if you have still not enabled billing, you can do so by activating the sidebar menu and then selecting Billing.

Then click Link a billing account and follow the steps.

ZIP Search Feature - Google API - Disabling Restrictions

The ZIP Search feature requires the "Application restrictions" to be disabled for all Google APIs.

Step-by-step

1. Access the Google Maps section of the Google APIs. You can access it directly through the link https://console.developers.google.com/google/maps-apis/api-list

   

2. Make sure you selected the right project
3. Click Details to edit the setting of that API (you will do this for every API)

4. Click Credentials and then the pencil icon.

   

5. Under Application restrictions, make sure "None" is selected.

   

6. Repeat steps 4 and 5 for all API services

^Go back to the Table of Contents

OpenWeatherMap API key

If you want to add weather details to your maps, you will need to enter an OpenWeatherMap.org API Key the same way you did the Google Maps one. To obtain the API key create an account and login to  http://home.openweathermap.org/.

Step-by-step

This guide will walk you through the process while creating a new account.

1. Click Create an Account.

   

2. Enter your information

   
   

   

3. Choose a purpose for which you will use the maps

   

4. Click API keys and you will have access to the key. According to OpenWeatherMap, it can take a couple of hours for the key to be active.

   

^Go back to the Table of Contents

	More information about the WordPress Interactive Map Plugin Other WordPress products can be found at CreativeMinds WordPress Store
	Let us know how we can Improve this Product Documentation Page To open a Support Ticket visit our support center