How to Fix “This page can’t load Google Maps correctly.”

Are you seeing the error “This page can’t load Google Maps correctly” on your website?

You’re not the only one. In recent years Google maps has changed their system so if the billing for your API isn’t enabled or expired, you’ll get this error message. It’s not terribly hard to fix but it does take a few minutes to go through all the settings.

Here’s a quick guide on how you can resolve this issue.

First, check your website’s account dashboard and find the Google Maps settings where you can enter your key.  Check it and make sure there’s an issue. Whether there’s a key or not, if its not working, you’ll likely need to create a new API key.

Next, you’ll need to sign in to your account or create a new Google Maps API key. Visit this link to create an API key: https://developers.google.com/maps/documentation/javascript/get-api-key#key

Check the drop down box and see if you’re site’s listed. If not, you’ll need to create a new project since you’re having this problem in the first place.

To create a new project, simply go to the Google Cloud Console, click on the project drop-down box and select “Create a Project.” Fill in the required information and click on the “Create” button. Your new project will be created and you’ll be able to see it listed in the project drop-down box.

Enable the Google Maps JavaScript API Once you’ve created your new project, the next step is to enable the Google Maps JavaScript API. To do this, go to the Google Cloud Console and navigate to the “APIs & Services” section. Find the Google Maps JavaScript API and click on the “Enable” button.

Once you’ve created an account, you’ll need to attach billing.

The next step is to get an API key and set the proper restrictions. To do this, go to the Google Cloud Console, navigate to the “APIs & Services” section, and click on the “Credentials” tab. Click on the “Create credentials” button and select “API Key.”

Your API key will be generated and you can use it in your website or web application.

Save the settings. Note, Google can take about 5 minutes to update their system so you might want to wait a bit before updating the API key.

Once all the settings are in place, copy the API key over to your website’s dashboard. Save the key and at this point you should get the notice “We were able to properly connect to google maps with your API key”.

I hope this post on How to Fix “This page can’t load Google Maps correctly.” helped you. If tech isn’t your thing, then reach out at my agency NonStop Marketing and let us get you up and running.