谷歌地圖顯示灰色屏幕而不是地圖

谷歌地圖顯示爲灰色框而不是地圖。並在Windows上調整它的正常工作。
在窗口中加載地圖顯示是這樣的： 谷歌地圖顯示灰色屏幕而不是地圖

後窗口大小調整地圖正常工作：

<div style="width:100%; height:400px; padding:0; margin:0; border:3px solid gainsboro; border-radius:3px;"> 
    <div id="canvas" style="width:100%; height:100%; padding:0; margin:0;"></div> 
</div>

<script src="https://maps.googleapis.com/maps/api/js?key=MY_API_KEY"></script> 
<script> 
var map; 
var latLong; 
$(window).load(function() { 
    latLong = new google.maps.LatLng(47.0303105, 28.815481); 
    map = new google.maps.Map(document.getElementById('canvas'), { 
     center: latLong, 
     mapTypeId: google.maps.MapTypeId.ROADMAP, 
     zoom: 14 
    }); 
      console.log("Map is ready.") 
}); 
</script>

PS地圖在引導模式div中聲明
感謝您的幫助。

來源

2017-02-14 GVArt

後插入此觸發對的。因爲它更可能呈現的問題，請就如何複製或更好的小提琴或普拉克更多細節。 –

谷歌傢伙做特殊事件觸發，這是我在這種情況下使用，以防止灰色地圖：

google.maps.event.trigger(map, 'resize');

你需要調用'resize'地圖代碼完成後，甚至有一些小的延遲。試試你行console.log("Map is ready.")

來源

2017-02-14 09:25:11 MysterX

感謝您的幫助，我在那裏找到答案http://stackoverflow.com/questions/11742839/showing-a-google-map-in-a-modal-created-with-twitter-bootstrap – GVArt

谷歌地圖顯示灰色屏幕而不是地圖

回答

相關問題