Google Maps API - 地图未在 Firefox 中显示？答案

【问题标题】：Google Maps API - Map Not Showing in Firefox?Google Maps API - 地图未在 Firefox 中显示？
【发布时间】：2015-10-26 11:07:52
【问题描述】：

我正在开发一个使用 Google 地图的网站，但我无法在 Firefox 上显示地图。我正在使用这个基本代码来初始化地图。

function initialize()
{
      var mapProperties = {
        center:new google.maps.LatLng(33.9000,35.5333),
        zoom:5,
        mapTypeId:google.maps.MapTypeId.ROADMAP
      };


      googleMap = new google.maps.Map(document.getElementById("mapDiv"),mapProperties);

      googleMap.addListener('click', function() 
      {
          if(infowindow!=null)
              infowindow.close();
      });
}

页面加载时调用函数initialize。

在文档头中，我包含了这个脚本：

<script type='text/javascript' src='http://maps.googleapis.com/maps/api/js'></script>

地图在 google chrome 和 Internet Explorer 中运行良好，但在 Firefox 中不可见。在 Firefox 中，当我检查 html 时，包含地图（“mapDiv”）的 div 似乎是用地图内容初始化的，但是 div 是透明的并且地图不显示。

我已尝试在安全模式下清除缓存并在没有插件的情况下启动 firefox，但问题仍然存在。我提前感谢任何帮助。谢谢

【问题讨论】：

google.maps.event.addDomListener(window, 'load', initialize);
你在设置宽度和高度吗？ stackoverflow.com/questions/14853812/…
感谢您的回复。是的，我已将高度和宽度设置为 100%。我也尝试使用 google.maps.event.addDomListener(window, 'load', initialize) 但结果是一样的。它仅在 Chrome 和 IE 中显示。
尝试检查控制台中的代码（在 firefox 中），例如：通过 Firebug 发现一些错误
请提供一个Minimal, Complete, Tested and Readable example 来证明该问题。 This fiddle based on your code (such as you have provided) works for me in Firefox

标签： javascript google-maps firefox

【解决方案1】：

感谢所有回复的人。问题已解决。问题是我将地图 div 放在表格单元格中，但表格单元格没有设置高度。将表格单元格的高度设置为 100% 后，地图可以正常显示。

【讨论】：

【解决方案2】：

还要检查 Firefox 浏览器隐私跟踪是否未选中。 Firefox 42 及更高版本中的此功能可防止显示在 chrome 和 IE 中显示的地图。我不知道为什么地图显示代码会影响 Firefox 中的跟踪。在 Firefox 48.0 中对我有用的是禁用跟踪。转到菜单 - 打开 about:preferences 页面的选项。在隐私中取消选中跟踪。这些盲目的浏览器更新开发人员不会应用他们的想法。

【讨论】：

【解决方案3】：

我遇到了这个问题，地图只出现在 Chrome 中。我在src= 中添加了标签&amp;sensor=true——例如：

src="http://maps.googleapis.com/maps/api/staticmap?center=Tombouctou,Mali&amp;zoom=12&amp;size=350x350&amp;sensor=true"

现在它同时出现在 Chrome 和 Firefox 中。

【讨论】：