使用到的Openlayers版本 7x-10x都可以,结合vue3.
先来看下效果:
这个功能不能直接复刻官网上的layer-swipe。因为在实际项目中没有人会用input滑动条来滑动地控制地图范围。基本上都是地图中间放个分界线来滑动,因此需要改动操作方式。
另外使用到的核心原理其实还是裁剪。根据中间分割线的位置,计算位于上层的图层的宽高,然后重新渲染,这里的上层的意思就是按照zindex的顺序,位于上层的那个图层。
所谓的重新渲染其实还是利用了裁剪的原理,比如当滑块滑动的时候,那么上层图层的宽是在不断变化的,然