谷歌地图javascript api v3不显示地图_Javascript_Api_Google Maps_Google Maps Api 3

谷歌地图javascript api v3不显示地图

javascript api google-maps google-maps-api-3

谷歌地图javascript api v3不显示地图,javascript,api,google-maps,google-maps-api-3,Javascript,Api,Google Maps,Google Maps Api 3,我今天在这里是因为我对Google Maps javascript api版本3有一个问题。我的问题是谷歌地图没有出现。。但是，在这个屏幕上，代码中有地图：我已经将代码插入到jsfiddle（）中，但不起作用。我刚刚尝试使用宽度和高度100%的div，但没有工作如果您愿意，我将代码： <body> <div style="height:100%; width:100%;position:absolute;"> <div id="map"></di

我今天在这里是因为我对Google Maps javascript api版本3有一个问题。我的问题是谷歌地图没有出现。。但是，在这个屏幕上，代码中有地图：

我已经将代码插入到jsfiddle（）中，但不起作用。我刚刚尝试使用宽度和高度100%的div，但没有工作

如果您愿意，我将代码：

<body>

<div style="height:100%; width:100%;position:absolute;">
<div id="map"></div>
</div>
<script>
 var map;

function initMap() {

    map = new google.maps.Map(document.getElementById('map'), {
        center: {
            lat: 44.769503083884,
            lng: 10.431460571289
        },
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        zoom: 15,
        disableDefaultUI: true
    });
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCKKcVR26NAZ7j0zUtTY3Stu-DmcUhMW1E&callback=initMap"></script>
</body>


var映射；
函数initMap（）{
map=new google.maps.map（document.getElementById（'map'）{
中心：{
纬度：44.769503083884，
液化天然气：10.431460571289
},
mapTypeId:google.maps.mapTypeId.ROADMAP，
缩放：15，
disableDefaultUI:true
});
}

有人能帮我吗？几周后，它开始工作，我不知道出现了什么：（

当您在元素上使用100%高度时，但文档和文档体没有指定的高度，浏览器无法计算高度

您可以使用较新的

vh

度量值而不是百分比来解决此问题，或者将

html，body

的高度设置为100%

#map {
    width: 100%;
    height: 100vh;
    border: 1px solid Aqua;
}

请参阅。

不确定这是否与我在10月11日更新后遇到的问题相同，但我的地图也没有显示

我必须解决两件事：

（我使用了EmulateIE8，但不得不将其改为edge。我在某处读到谷歌地图不再支持IE9，这可能就是原因）

这在新窗口中修复了我的问题，但我在iframe中的地图仍然显示为白色

我不得不在googleapi.com调用中添加“v=3”（不带引号），因此我现在使用这一行：