您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

单张地图在选项卡式面板中无法正确显示

单张地图在选项卡式面板中无法正确显示

完全摆脱了leaflet.js源代码,这是一个完整的技巧,但它可以工作(至少在jsfiddle中有效)

这个想法来自Google Maps,当其容器div调整大小时“调整”或“重绘”地图。

我所做的更改是:

link3在HTML的小标签添加ID

<a href="#lC" data-toggle="tab" id="link3">tab3</a>

在此选项卡中添加一个侦听器 $(function() {

$("body").on('shown','#link3', function() { 
  L.Util.requestAnimFrame(map.invalidateSize,map,!1,map._container);
});

requestAniMFrame行来自leaflet.js中的trackResize

:嗨,我用map.invalidateSize(false); 而不是L.Util.requestAnimFrame(…,这似乎也可行。只是以为我会指出这一点。不过,很好的答案!– Herr Grumps

其他 2022/1/1 18:18:15 有438人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶