Firefox not displaying Google map (but only sometimes!)
On my website (remotely hosted) there is a page (https://www.mediterraneangardeningfrance.org/gdVisit.htm) which lists gardens in the South of France that can be visited. At the top of the page is a Google map which shows the location of these gardens. On one of my machines (Win7 Home / 64), the map will not display in Firefox (58.0.2/64bit) but it does display in IE (on the same machine). The page will also display correctly on:
iphone/Safari Android phone/Chrome Win10 laptop/Edge and Firefox Win7 laptop/Firefox
What's weird is that the page will display correctly in Firefox on the problem machine if I use the source version of the page which is kept on the same machine rather than the live one on the website - see the enclosed image (remote site on the left, local version on the right). The two versions are identical as I have done tests after immediately uploading the page.
I'm really scratching my head on this one. Any ideas?
Chosen solution
I have now got this sorted. Calling Google maps requires the following script:
<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
This worked fine until the site became protected by SSL which requires all links on the page to be https. Changing the line calling Google maps to
<script src="https://maps.google.com/maps/api/js?sensor=false"></script>
fixes the problem.
Thanks again to Fred for turning the light on in my brain.
Read this answer in context 👍 0All Replies (6)
Sorry, the image didn't get uploaded. Here it is.
Make sure you are not blocking content.
Start Firefox in Safe Mode {web link} by holding down the <Shift> (Mac=Options) key, and then starting Firefox.
A small dialog should appear. Click Start In Safe Mode (not Refresh). Is the problem still there?
Hi Fred,
That seems to have done the trick. I started FF in Safe Mode and the problem went away. I restarted FF in normal mode and it's fine now.
I'd like to understand why the problem arose in the first place. The page in question was re-developed a few weeks ago and in testing there weren't any problems with the map. So, I've done something in the meantime but have no idea what it might be.
Further to my earlier reply, the problem seems to be https. Since the page was redone a few weeks ago, the site has had SSL added to it. If the URL is preceded by https, then the map doesn't display but does display when the prefix is not there.
Chosen Solution
I have now got this sorted. Calling Google maps requires the following script:
<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
This worked fine until the site became protected by SSL which requires all links on the page to be https. Changing the line calling Google maps to
<script src="https://maps.google.com/maps/api/js?sensor=false"></script>
fixes the problem.
Thanks again to Fred for turning the light on in my brain.
That was very good work. Well done. Please flag your last post as Solved Problem so others will know.