谷歌地图无法正常运行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% 。

请参阅此问题以进行相关讨论。