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

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

闪烁问题

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

解决思路

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

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

posted @ 2024-03-20 09:51  槑孒  阅读(53)  评论(0编辑  收藏  举报