Google Maps Are Not Working

We highly recommend securing your API key to prevent others from using your quota. The downfall is that restrictions can cause the maps to fail. There is also the chance that the required service is disabled or returns an error.

Without the proper keys and restrictions, you’ll see the following error:

Oops! Something went wrong.
This page didn’t load Google Maps correctly. See the JavaScript console for technical details.

Table of Contents:

Did I Enter Keys?

  1. Log in to your WordPress website.

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

  2. Click on ‘SEO’.

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

  3. Click on ‘Local SEO’.

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

  4. Click on ‘API Keys’. 

    If you have not entered keys, please read this article about why you need a key and follow the steps to generate and enter a browser (required) and server (optional) key.

    If you have entered keys, please remove API restrictions.
    Admin SEO Local SEO API keys

How to Regenerate A Key

You may need to regenerate a key for a variety of reasons, especially if you notice another site is using your key.

  1. Go to Google API Console.
    If prompted, log in.
  2. Select your site project.
  3. Click on the name column of the key you need to regenerate.
  4. Click ‘Regenerate key’.
  5. Click ‘Replace key’.
  6. Click ‘Save’.

Don’t forget to copy and paste the new key into the Local SEO settings to avoid display issues. Learn how to set a new browser key or a new server key.

Still Not Working?

Please verify that the Google Maps JavaScript API (browser key) and the Geocoding API (server key) are enabled in the Google Maps API Manager.

If you continue to have problems displaying the maps, please check your JavaScript console for the exact error message. Google lists errors and their explanations here.

Was this article helpful? ·