Question

我正在尝试在应用程序中实现谷歌地图，我指定高度和宽度wrt为百分比。在chrome和firefox中它可以工作但是当我在IE中尝试相同时，地图区域是灰色的。有人可以建议我如何解决它。

＆＃13;

<!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>

＆＃13;

Answer 1

尝试将高度设置为固定的像素数，例如500px，如果有效，我们知道问题就在那里，那么只需将html和body高度设置为100％然后返回在地图div上达到你的500％高度。

在IE中会发生这种情况，因为当您想要使用百分比作为高度时，层次结构中的所有前面元素也必须具有设置高度。

Answer 2

缩放后删除逗号。你也可以写下你的房产：

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

也许这有帮助。否则，只需将高度设置为500％，看看是否有效。我在IE中使用gmaps，它完美地运行

欢呼声

IE Google地图未显示

2 个答案: