Are you trying to use Google Maps and the “This page didn’t load Google Maps correctly” error keeps popping up? This is a common issue with Google Maps and it started popping up since the developers of the app introduced a requirement for API keys. On the bright side of things, the issue is caused by the “MissingKeyMapError” most of the times. With that said, today we are going to present a detailed guide that will show you how to fix the MissingKeyMapError.
How to Fix MissingKeyMapError
The first thing that want to mention is that this issue pops up when you are not using an API key that is required for the configuration of your website. Nonetheless, you can create your own Maps API key by following the next steps.
- Access the Google Maps Platform and click on Get Started
- Pick the “Maps, Routes and Places” options and then click on Continue
- Now, you need to use your personal Google Account to log in
- Select the “Create a new project” option and then name it
- The next step is to set up the billing for your project which is required to enable APIs (keep in mind that Google is offering free credits very month)
- Click on the “API Console” link that restricts your key’s use only to your website
- Scroll down to “Application restrictions” and then select the “HTTP referrers (web sites) option
- Add the two remaining entries (type your domain’s name)
- Click “Save” and now copy the API key
- Head over to your WordPress plugin
- Access Settings – Church Content – Locations and then paste the previously copied API key
- All that is left to do now is to click “Save” and wait 30 minutes for the key to become active on your website.
Amy Wagstaff helped form Henri Le Chat Noir into what it is today by creating a new design and branding. She continues to assist in keeping the site responsive and well organized for the readers. As a contributor to Henri Le Chat Noir, Amy mainly covers mobile news and gadgets.