IE谷歌地圖不顯示

-1

我想在一個應用程序中實現谷歌地圖，其中我指定高度和寬度與百分比。在鉻和火狐它工作，但是當我在IE中嘗試相同的地圖區域是灰色的。有人可以建議我怎麼修復它。IE谷歌地圖不顯示

<!DOCTYPE html> 
 
<html> 
 
<body> 
 

 
<h1>My First Google Map</h1> 
 

 
<div id="googleMap" style="width:100%;height:500%"></div> 
 

 
<script> 
 
function myMap() { 
 
var mapProp= { 
 
    center:new google.maps.LatLng(51.508742,-0.120850), 
 
    zoom:5, 
 
}; 
 
var map=new google.maps.Map(document.getElementById("googleMap"),mapProp); 
 
} 
 
</script> 
 

 
<script src="https://maps.googleapis.com/maps/api/js?key=api_key&callback=myMap"></script> 
 

 

 
</body> 
 
</html>

來源

2017-05-15 Nandan A

這可能不是一個好主意來顯示您的API密鑰... –

謝謝@AlexWillison下次將注意到相同 –

您使用IE 10嗎？ –

嘗試的高度設置爲一個固定的像素數，例如500像素，如果可行，我們知道這個問題是有這樣的話只設置html和body高度到100％，並返回到您地圖div上的500％高度。

這發生在IE中，因爲當你想使用高度百分比時，層次結構中的所有前面的元素也必須具有高度設置。

來源

2017-05-15 13:31:24 randomguy04

變焦後刪除逗號。你也可以這樣寫你的屬性：

var mapProp= { 
    center: { lat: 51.508742, lng: ,-0.120850} 
    zoom:5 
};

也許這會有所幫助。否則，只需將高度設置爲500％，然後查看是否有效。我在使用IE gmaps和它完美的作品

歡呼

來源

2017-05-15 13:17:03 Christian

它沒有解決。我試着改變兩個mapProp，也改變了寬度，但沒用。 –

IE谷歌地圖不顯示

回答

相關問題