超图提供了一个对leaflet卷帘分析工具side-by-side进行包装的卷帘工具leaflet-side-by-side_udlr_iclient,在原有功能基础上增加了纵向卷帘、支持卷图上的点线面要素。
使用过程中发现leaflet-side-by-side_udlr_iclient工具有卷帘条拖不动、图上要素无法按照功能预期卷等问题,在和前辈大佬共同探索下,对leaflet-side-by-side_udlr_iclient工具进行优化,解决上述问题。
本人水平有限,解释错了就是你想对了🐷。
1.卷帘条拖不动:是leaflet工具原本的问题,工具在添加监听的地方,考虑到兼容手机触摸卷动,监听了touch事件,在pc端L.Browser.touch同样为真,触发了touch,没有正常触发mouse鼠标事件,所以就卡在那里了,把L.Browser.touch删掉或者换成L.Browser.mobile就行。

2.图上要素无法按照功能预期卷:这个原因在于,工具内通过改变pane.style.clip属性实现卷动,但是leaflet的点线面要素并不是用pane进行组织的,我尝试先把点线面要素加载到pane里再传入工具,同样失败了,后来通过改造工具的_updateClip方法,同时尝试获取要素的Container和pane,解决要素无法卷动分析的问题。


被折叠的 条评论
为什么被折叠?



