How to generate and set a Google Maps API key

Warning: You must have a Google account with billing enabled to generate a key for Google Maps API.

Google Maps requires a special Google Maps API key. Without this key, you cannot display Google Maps on your website. There used to be two separate keys, the Google Maps API browser key and the Google Maps API GeoCoding key. Since Yoast Local SEO 11.9, only one Google Maps API key is required.

Before you can set this API key in your Local SEO installation, you’ll need to generate it. This tutorial will show you how to do that.

Want to learn all about local SEO? Get access to all Yoast SEO academy courses and Yoast SEO Premium! You’ll learn all about SEO and how to optimize the website of your local business! Plus, you’ll automatically get all the awesome Yoast SEO Premium features that will help you get your site noticed in the search results.

APIs in the Local SEO plugin

The Local SEO plugin uses four different APIs. These APIs can be enabled depending on your needs. We have outlined them below and described which features are used by them.

Maps JavaScript API (browser key)

This API key is used to show a Google Map on your site. If you want to show a Google Map, enabling this key is required. This guide explains more about how to enable API keys.

Directions API (browser key)

This API key is used to provide directions between places. You need to enable this if you wish to use our Route Planner feature. Otherwise, it is not needed. This guide explains more about how to enable API keys.

Timezone API (browser key)

This API key tells Google to translate your latitude and longitude coordinates into the right timezone. This API key is needed if you want to use our Show Open/Close Message Widget. Otherwise, it is not needed. This guide explains more about how to enable API keys.

Geocoding API (server key)

This API key is used to translate address information into longitude and latitude coordinates. This API key is needed if you wish to use our Calculate Coordinates feature which automatically translates your physical address into longitude and latitude coordinates for Google to use. This key is also used to output coordinates for the Store Locator feature. It is also required if you wish to show a Google Map on your site. This guide explains more about how to enable API keys.

Generate a new API key

  1. Go to the Google Maps Platform
  2. Click the Get Started button in the middle of the screen.
  3. Click on the Google Cloud Platform home in the upper left corner.
  4. Click on Billing to make sure your billing details are up-to-date. If they are not, your Google Maps will not work properly.
  5. Once you’ve confirmed your billing is up-to-date, click on the Google Cloud Platform home in upper left corner again.
  6. Hover to APIs & Services and go to Credentials.
  7. If you want to use an existing project, please select it from the list. Otherwise, select ‘Create a new project’ and enter a project name.
  8. Click Create credentials and select API key. You will see a new dialog that displays the newly created API key.

    A screenshot of the Create Credentials button which has been clicked and is showing the API key option
  9. Click the Close button in the API key dialogue. Your new API key will be listed on the Credentials page under API keys.

    A screenshot of an API key created message, also showing the field with the generated API key

View your existing API keys

  1. Go to the Google Maps Platform
  2. If the side menu is not visible, click the three-line (hamburger) menu icon
  3. Click ‘APIs & Services’ (API icon)
  4. Click ‘ Credentials’ (key icon)

If the above steps are not clear enough then please follow the tutorial video from the Google Maps Platform Team below. This video will show you how to generate and restrict API keys.

Add API key to Yoast SEO: Local

  1. Copy the API key you created from the Google Maps Platform.

  2. Log in to your WordPress website.

    When you’re logged in, you will be in your ‘Dashboard’.

  3. Click on ‘SEO’.

    On the left-hand side, you will see a menu. In that menu, click on ‘SEO’.

  4. Click on ‘Local SEO’.

    The ‘SEO’ settings will expand providing you additional options. Click on ‘Local SEO’.

  5. Click on ‘API Keys’. 

    A screenshot of the API key tab in the Local SEO settings

  6. Paste the API key you copied in step 1 into the ‘Google Maps API key’ field. 

    A screenshot of the API key tab settings showing the input field where users can insert their Google generated API key

  7. Click ‘Save Changes’.

If you have trouble displaying Google maps on your site, please verify that the Google Maps Javascript API is enabled in the Google Maps API Manager.

Check to see if Google Maps API keys are working

To check to see if your Google Maps are working try adding one by using a shortcode.

Are Google Maps not working?

If your Google Maps are not working for some reason, be sure to check out our troubleshooting article.

Securing your Google Maps API key

It’s recommended to secure your Google Maps API key against quota theft. In this article, we explain exactly how you can secure your Google Maps API key.

Billing prices

Pricing for the Google Maps, Routes and Places and the APIs connected with them (Maps JavaScript API, Directions API, Timezone API, Geocoding API ) is pay as you go, and you only pay for what you use. You get a recurring $200 credit on your billing account each month to offset your usage costs, and you can also set usage limits to protect against unexpected cost increases.

For a table of Google’s pricing, see Pricing for Maps, Routes, and Places. If you need to enable billing, please go to APIs and billing.

Related articles

Get free SEO tips!