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，由于其对地图容器div的行为，它也不会出现在IE11中。具体来说，如果要在IE11上获取完整大小的地图，则必须在所有包含元素的位置指定height:100%和width:100%，包括body和html。

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

谷歌地图不适用于IE11

2 个答案: