谷歌地圖無法正常運行IE11

Question

我剛剛注意到Google Maps在IE 11無法使用，但在Chrome和Firefox 。 有什么明顯的我忽略了使其起作用的東西嗎？ 您可以在此處檢查實時版本： 鏈接

function initialize() {


var myLatlng = new google.maps.LatLng(51.035113, 3.715104);
var mapOptions = {
    zoom: 15,
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);

var marker = new google.maps.Marker({
    position: myLatlng,
    icon: "img/marker.png"
});
marker.setMap(map);
}
google.maps.event.addDomListener(window, 'load', initialize);

HTML

<div id="map-canvas"></div>

Answer 1

我認為可能是因為樣式表。

根據這個網站 ，

IE需要知道地圖的大小以確保已設置

如果您為該示例代碼取出樣式表，它將在IE下停止工作。 我想同樣的問題也會引起您的問題。

Answer 2

正如kaho所說，此問題與樣式有關。 您的地圖沒有指定的高度和寬度，因此不會顯示。 但是，即使您使用CSS百分比指定了height和width ，由於它與map div容器有關的行為，它也不會出現在IE11中。 具體來說，如果要在IE11上獲取完整尺寸的地圖，則必須在所有包含元素（包括body和html上指定height:100%和width:100% 。

請參閱此問題以進行相關討論。