Google maps suddenly will not allow Firefox to display maps on website
Suddenly on my Wordpress website all the embedded google maps on posts are showing "maps.google.com will not allow Firefox to display the page if another site has embedded it". They've worked for months. Won't display on Firefox or Firefox Android. I can't even edit the maps in WP (Elementor widget) - shows the same banner. ?
Chosen solution
Thanks for your help, but stop the presses.... just heard back from Elementor support, it's an issue with their plugin. Here's the info in case others run into the same problem:
This is a known issue that started to occur recently. Our developers are currently aware of this issue and will find a solution as soon as possible. The problem seems to be with the Google Maps API, I am afraid I don't have an ETA when this issue will be addressed.
You can keep an eye on the changelog of Elementor https://elementor.com/help/changelog-of-elementor/
Also, here is a temporary workaround for this issue: Go to google.com/maps > find the address you need> click on menu> choose 'Share or embed map'> select the 'Embed a map' tab> adjust your preferred size (Small/Medium/Large/Custom size)> copy the link. Go to the Elementor editor>add an HTML widget> paste the copied link.
Read this answer in context 👍 0All Replies (6)
What does your embed code look like? I'm not sure how much you control that versus a plugin, but you can check the source of your page as served to Firefox. Normally it's an iframe with a source address on https://www.google.com/maps/embed? followed by a ton of characters. For example,
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1621.3884166441112!2d139.7150777033094!3d35.63322776104815!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188b1927d7963d%3A0xe69392b1bde0e4f7!2sTonkatsu%20Tonki!5e0!3m2!1sen!2sus!4v1622043284985!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
Thanks for your help. Is this what we're looking for?
<iframe scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?q=Gerstle%20Cove%20Salt%20Point%20State%20Park&t=m&z=12&output=embed&iwloc=near" title="Gerstle Cove Salt Point State Park" aria-label="Gerstle Cove Salt Point State Park" frameborder="0"></iframe>
overwater said
src="https://maps.google.com/maps?q=Gerstle%20Cove%20Salt%20Point%20State%20Park&t=m&z=12&output=embed&iwloc=near"
I think you need the other link. When you are viewing the map on Google maps and click the share button, on the Embed panel, you can find the embedding link.
Or if that isn't usable with your plugin, maybe check with the author/publisher on how theirs works.
Solution below
Modified by overwater
Chosen Solution
Thanks for your help, but stop the presses.... just heard back from Elementor support, it's an issue with their plugin. Here's the info in case others run into the same problem:
This is a known issue that started to occur recently. Our developers are currently aware of this issue and will find a solution as soon as possible. The problem seems to be with the Google Maps API, I am afraid I don't have an ETA when this issue will be addressed.
You can keep an eye on the changelog of Elementor https://elementor.com/help/changelog-of-elementor/
Also, here is a temporary workaround for this issue: Go to google.com/maps > find the address you need> click on menu> choose 'Share or embed map'> select the 'Embed a map' tab> adjust your preferred size (Small/Medium/Large/Custom size)> copy the link. Go to the Elementor editor>add an HTML widget> paste the copied link.
Yes, the info from Elementor makes sense. But it's a bummer if you have used this plugin for a lot of posts. They need a global workaround!
Anyway, the old link just isn't working any more. You can verify by right-clicking the error message, expanding This Frame, and using Open Frame in New Tab.