Google Maps not loading - "Oops Something Went Wrong!" Solution

Hey,

I can’t seem to have the map loading properly after publishing.

Let me know the additional details you require to assist.


Here is my site Read-Only: LINK
Here is my published site: Published Site

@Dave_Birnie Your API key is not activated. You can follow this link to resolve. 開始使用 Google 地圖平台  |  Google Developers

As there is a reason which is Google Maps will not work without Google Maps API key and it announced on 16 July 2019.

I think that it is a pretty common problem

I have API key installed.

My API key has been created and shows as active.

I have restricted it, and ensured to place the domain as approved for the API key.

Thank you, everyone, for the assistance. Below is the solution for my issue.

Solved:

The issue for me was that I needed to enable Google JavaScript Map API.

To do this, simply head to the library in the project that you created your API, and search “Maps JavaScript API”

Ensure this item is enabled and you should be good to go! If you are using an old account, you may need to re-enable your payment plan.

image

Additional tip, if on Chrome, open inspect (right-click an element on the page and select Inspect to jump into the Elements panel. Or press Command+Option+C (Mac) or Control+Shift+C (Windows, Linux, Chrome OS).)

This will list any errors that you are experiencing on your website.