谷歌地图API -地图不显示在Firefox

Google Maps API - Map Not Showing in Firefox?

本文关键字：显示 Firefox 地图 API 谷歌地图      更新时间：2023-09-26

我正在一个使用谷歌地图的网站上工作，但我无法在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>

该地图在谷歌chrome和ie浏览器中运行良好，但在火狐浏览器中是不可见的。在firefox中，当我检查html时，包含地图("mapDiv")的div似乎是用地图内容初始化的，但是div是透明的，地图没有显示出来。

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

感谢所有的回复者。问题已经解决了。问题是，我有我的地图div在一个表格单元格，但表格单元格没有高度集。将表格单元格的高度设置为100%后，地图显示正常。

还要检查firefox浏览器是否未检查隐私跟踪。在firefox 42以后的版本中，这个功能可以防止在chrome和IE中显示地图。我不知道为什么地图显示代码应该影响跟踪在firefox。在firefox 48.0中，对我有效的是禁用了跟踪功能。转到菜单-选项，打开关于:首选项页面。在"隐私"中取消勾选"跟踪"。这些愚蠢的浏览器更新开发人员不应用他们的思想。

我有这个问题，地图只出现在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都可以看到

相关文章：