gpt4 book ai didi

传单加载不完整的 map

转载 作者:行者123 更新时间:2023-12-01 00:51:07 24 4
gpt4 key购买 nike

我正在向 div 动态添加传单 map 。 map 仅显示部分,请参见图片。一旦我调整浏览器窗口的大小, map 就会完全显示。有没有解决的办法?我尝试了一些初步的想法,请参阅代码中的//。但它们都不起作用。 incomplete map

    function mapThis(lat,long,wikiTitle){       

var div_Id= "#wikiExtract"+wikiTitle
var map_Id= "map"+wikiTitle
$(div_Id).append("<div id='"+map_Id+"' style='width: 600px; height:
400px'></div>");
var map = L.map(map_Id).setView([lat, long], 10);

L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
maxZoom: 18,
attribution: 'Map data &copy; <a
href="http://openstreetmap.org">OpenStreetMap</a> contributors, ' +
'<a href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-
SA</a>'
}).addTo(map);


//$("#"+map_Id).css( "height", "500px" );
//map.invalidateSize()
//$("#"+map_Id).hide()
//$("#"+map_Id).show()
//$(window).trigger('resize');

}

最佳答案

您可以使用此代码:它对我有用。

setInterval(function () {
map.invalidateSize();
}, 100);

关于传单加载不完整的 map ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36037178/

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