Overview

While accessing a feature that uses Google Maps on your PWA, such as the Events Feature, you might get the following error message:

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

The embedded Google Maps component will not load correctly and appear grayed out, as in the following screenshot.

This can be solved by associating your own Google Maps API key into your account.

Environment

• Your PWA uses features that require Google Maps.
• You have a custom domain configured for your PWA.

Back to top

Solution

For each new Google Maps setup, you need to register a dedicated Google Maps API key. This means that you will need to have it for your PWAs, custom domains, and your white label subdomain.

1. To get an API key (if needed), please check the Getting your own Google Maps License API key KB article.

2. To add it to the CMS platform, please check the Using a Google Maps License API key KB article.

Back to top

Testing

Once you take the steps outlined in the Solution Section, you will no longer get this error, and instead, the map will load correctly on the corresponding features.

Back to top