When last did you look at the Google Map on your company’s website? If you haven’t already, check it now. Remember that some websites have maps on multiple pages, like the homepage, contact page and location or store pages, so check them all.
We’ve noticed that several businesses, from Brisbane to Noosa, still haven’t resolved the common error that causes maps to break. Instead of showing helpful directions, the map displays this message:
“Oops! Something went wrong. This page didn’t load Google Maps correctly. See the JavaScript console for technical details.”
Here’s how to fix it quickly!
Why are Google Maps displaying this error?
There are multiple methods to set up a Google Map on a website. Some methods, such as embedded iframes, are simpler and almost always work, while others, like certain WordPress or CMS widgets, can run into errors if not configured correctly.
If you’re unsure whether you’re affected, simply check your map – if it displays correctly, you’re fine and no changes are needed.
How do you fix the “Oops! Something went wrong” error?
You have two main options:
- Replace the current map setup with a Google Maps iframe embed.
- Review your existing map plugin or API setup to ensure it’s correctly configured.
How to easily display a Google Map on your website
The easiest method is using an iframe. This works across most websites and doesn’t require advanced setup.
Steps to get your iframe code:
- Go to Google Maps and search for your business.
- Click on your business name so that your details appear on the left-hand side.
- Click the Share icon.
- Select Embed a Map.
- Choose your preferred map size or custom size.
- Click Copy HTML to get the code needed for your site.
Some CMS platforms may need help adding the code. If you’re unsure, check with your web developer or let us know if you need assistance.
How to add your Google Map iframe code to your site
The steps depend on whether your site is hardcoded or uses a CMS. Generally, you need to remove the existing map setup and replace it with the new iframe code.
What about Google Maps with custom icons or multiple locations?
If your site uses an advanced Google Map with features like custom icons, multiple store locations, or expandable information, switching to an iframe may remove this functionality. In these cases, your current plugin or API setup may still be needed, but it will require checking by a web developer, that everything is correctly configured to avoid the error.
Having a different Google Maps error?
If you’re experiencing a variation of this error, feel free to reach out – we can help troubleshoot and fix it.