Vue2-Supermap-SideBySide:超图卷帘分析工具优化

超图提供了一个对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,解决要素无法卷动分析的问题。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值