How to generate and set a Google Maps Javascript API (browser) key

Last update: 24 November, 2017

Warning: You must have a Google account to generate a key for Google Maps Javascript API.

Since June 2016, Google Maps requires a special Google Maps browser key. Without this key, you cannot display Google Maps on your website.

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

  1. Generate a Google Maps browser key
  2. Set your Google Maps browser key

Get access to our kick-ass support team with Yoast SEO Premium

Generate a Google Maps browser key

Set your Google Maps browser key

  • Copy the browser key you generated from the Google Maps API Manager.
  • Log in on your WordPress Admin and navigate to SEO > Local > API Keys.
  • Paste the browser key you copied earlier into the ‘Google Maps API browser key (required)’ field.
  • Click Save Changes to store your browser key.
  • You should now be able to use Google Maps on your website.

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.

Was this article helpful? ·