leaflet频繁切换mapbox矢量图层-短暂空白问题

leaflet加载mapbox矢量图层-最佳方案推荐

闪烁问题

比如现在有卫星图和mapboxgl矢量图层,两者有时常常需要切换,但在切换回矢量图层时,会出先短暂的空白问题(就是初始化图层),那有什么办法,可以实现平滑过渡切换呢

解决思路

大概讲一下思路,就是在切换卫星图时,矢量图层不要立刻移除,通过遍历样式表图层设置'visibility': 'none',那么就可以把矢量图层进行隐藏了,再兹切换回矢量图层时也是遍历样式表图层设置'visibility': 'visible'就可以平滑显示了。

但这样如果我长时间不切换回矢量图层,它又没有被销毁,岂不是一直挂载着占用内存。所以,我们还可以加上一个定时器任务,比如超过10分钟没有再次加载矢量图层时,那就直接把矢量图层移除。

posted @   槑孒  阅读(113)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
历史上的今天:
2023-03-20 Vue3+element-plus图片上传剪裁组件
2023-03-20 Vue+element-ui图片上传剪裁压缩组件
2023-03-20 Token鉴权流程 | Vue+Node+Express实现
2023-03-20 Vue + node简单实现验证码
2023-03-20 vscode的Git History,GitLens — Git supercharged插件
2022-03-20 Openlayers示例9 | Box Selection
2022-03-20 Openlayers示例8 | Bing Maps
点击右上角即可分享
微信分享提示