gpt4 book ai didi

Azure map - map 未以正确的尺寸打开

转载 作者:行者123 更新时间:2023-12-03 00:22:53 25 4
gpt4 key购买 nike

我有一个带有 azure map 的页面,大多数时候它加载正常并且 map 覆盖整个屏幕。但在某些时候刷新页面时, map 会被限制为较小的尺寸,如果我只是刷新屏幕甚至打开浏览器控制台,尺寸就会正确更新。

<body>
<div id="mapDiv"></div>
</body>

我什至创建了一个事件来尝试调整大小

map.events.add('ready', function () {
setTimeout(function () {
map.map.resize();
}, 1000);
});

错误 enter image description here

当我刷新或打开控制台时 enter image description here

最佳答案

如果要全屏显示,请确保不仅将 map 的宽度/高度设置为 100%,而且还将 html 和 body 标签的宽度/高度设置为 100%。当您没有为 map div 指定任何样式时,它会继承自其父级。尝试将此 CSS 添加到您的页面:

html, body, #mapDiv {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}

关于Azure map - map 未以正确的尺寸打开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65409447/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com