Google Maps Are Not Working

Last update: 01 August, 2016

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:

googlemaps_errorOops! 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’. On the left-hand side, you will see a menu. In that menu, click on ‘SEO’.
  2. The ‘SEO’ settings will expand providing you additional options. Click on ‘Local SEO’.
  3. Click on the ‘API keys’ tab.
  4. If you have not entered an API key, 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.
  5. If you have entered keys, skip to the troubleshooting section below.

local_seo_set_api_browser_key_1

How to Remove Browser Key Restrictions (Referrers)

  1. Go to https://console.developers.google.com/apis/credentials
  2. If prompted, login and select your site project.
  3. Click on the name column of your browser key.gmaps_console_browser-key
  4. Click the ‘x’ to remove any referrers that are listed. gmaps_console_remove-referrer
  5. Click ‘Save’.

Google says it may take up to 5 minutes for the settings to take effect. After 5 minutes, start from your homepage and browse to where the map should appear. If the map appears, the restrictions were invalid. Please enter the correct referrers which is most commonly in this format: *.example.com/* or https://*.example.com/*

How To Remove Server Key Restrictions (IP)

  1. Go to https://console.developers.google.com/apis/credentials
  2. If prompted, login and select your site project.
  3. Click on the name column of your server key.gmaps_console_server-key
  4. Click the ‘x’ to remove any IPs that are listed.gmaps_console_remove-ip
  5. Click ‘Save’.

Google says it may take up to 5 minutes for the settings to take effect. After 5 minutes, start from your homepage and browse to where the map should appear. If the map appears, the restrictions were invalid. Please contact your webhost and ask them to review the server access and error log to determine the correct IP to enter for the restriction.

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 https://console.developers.google.com/apis/credentials
  2. If prompted, login and select your site project.
  3. Click on the name column of the server key you need to regenerate.
  4. Click the ‘Regenerate key’ button.
  5. Click the ‘Replace key’ button.
  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? ·