谷歌地圖API - 地圖不顯示在Firefox？

我正在使用Google地圖的網站上工作，但無法將地圖顯示在Firefox上。我正在使用這個基本代碼來初始化地圖。谷歌地圖API - 地圖不顯示在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(); 
     }); 
}

函數初始化被稱爲頁面加載時。

在文件頭，我包括此腳本：

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

的地圖作品在谷歌Chrome和Internet Explorer正常，但在Firefox不可見的。在firefox中，當我檢查html時，包含地圖的div（「mapDiv」）似乎用地圖內容初始化，但div是透明的，地圖不顯示。

我已經嘗試清除緩存，並啓動firefox沒有插件在安全模式，但問題依然存在。我很感激任何幫助。謝謝

來源

2015-10-26 Sammy Jaafar

google.maps.event.addDomListener（window，'load'，initialize）; –

你是在設置寬度和高度嗎？ http://stackoverflow.com/questions/14853812/embedding-google-maps-in-a-page-map-invisible-although-present-in-html –

感謝您的回覆。是的，我已將高度和寬度設置爲100％。我也嘗試使用google.maps.event.addDomListener（window，'load'，initialize）嘗試\t，但結果是一樣的。它僅在Chrome和IE中顯示。 –

感謝所有回覆的人。問題已解決。問題是我在地圖單元格內有地圖div，但表格單元格沒有設置高度。將表格單元格的高度設置爲100％後，地圖顯示正確。

來源

2015-10-26 13:55:15

還檢查是否未選中Firefox瀏覽器隱私跟蹤。 firefox 42中的這項功能可以防止以chrome和IE顯示的地圖顯示。我不知道爲什麼地圖顯示代碼會影響Firefox中的跟蹤。在Firefox 48.0中對我有效的是反對跟蹤。進入菜單 - 打開about：preferences頁面的選項。在隱私中取消選中跟蹤。這些無意識的瀏覽器更新開發人員不會應用他們的想法

來源

2016-08-22 13:12:05 rajeev

請格式化.... – Rupsingh

-1

我遇到了這個問題，地圖只出現在Chrome中。我加入src=標籤&sensor=true - 例如：

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

現在同時出現在Chrome和Firefox瀏覽器。

來源

2017-01-28 21:35:48 AveryFreeman

谷歌地圖API - 地圖不顯示在Firefox？

回答

相關問題