谷歌地图无法使用IE11

Question

我刚刚注意到Google Maps不能在IE 11中工作，但在Chrome和Firefox中完全可以工作。为了让它正常工作，有没有什么明显的疏忽？您可以在此处查看实时版本：link

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

我想这可能是因为样式表的原因。

根据this website的说法，

IE需要知道地图的大小，确保已对其进行设置

如果您取出this sample code的样式表，它将在IE下停止工作。我认为同样的问题也会导致你的问题。

Answer 2

正如kaho所说，这个问题与样式有关。您的地图没有指定的高度和宽度，因此不会出现。但是，即使您使用CSS百分比指定了height和width，它也不会出现在IE11中，因为它的行为与地图div的容器有关。具体地说，如果希望在IE11上获得完整大小的地图，则必须在所有包含元素上指定height:100%和width:100%，包括body和html。

有关讨论，请参阅this问题。