leaflet频繁切换mapbox矢量图层-短暂空白问题
闪烁问题
比如现在有卫星图和mapboxgl矢量图层,两者有时常常需要切换,但在切换回矢量图层时,会出先短暂的空白问题(就是初始化图层),那有什么办法,可以实现平滑过渡切换呢
解决思路
大概讲一下思路,就是在切换卫星图时,矢量图层不要立刻移除,通过遍历样式表图层设置'visibility': 'none'
,那么就可以把矢量图层进行隐藏了,再兹切换回矢量图层时也是遍历样式表图层设置'visibility': 'visible'
就可以平滑显示了。
但这样如果我长时间不切换回矢量图层,它又没有被销毁,岂不是一直挂载着占用内存。所以,我们还可以加上一个定时器任务,比如超过10分钟没有再次加载矢量图层时,那就直接把矢量图层移除。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用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