echarts-gL和MaptalksMaptalks(1.0.0-rc.6)使用问题

    最近看看echarts发现有些效果挺好的,就是使用Echarts5和最近版Maptalks(1.0.0-rc.6)有些问题,地图居然不能进行缩放,
研究一番,发现Maptalks(0.38.0)版本是可以,于是一个个版本来试,发现在(Maptalks0.47.5)更新之后就出现问题了,定位问题以后发现是滚轮事件监听修改了,

8A2T.png
    修改以下代码发现恢复正常,但是在火狐上使用后又发现新问题,滚轮事件一触发那就会报illegal constror.
后来经过和广大-拖延症晚期的讨论发现,只要事件中加入'wheel'并且在滚轮事件使用WheelEvent就能搞定

var EVENTS = ['mousedown', 'mouseup', 'click', 'dblclick', 'mousemove',
    'mousewheel', 'DOMMouseScroll','wheel',
    'touchstart', 'touchend', 'touchmove', 'touchcancel'
];
let newE=new WheelEvent(eName,  obj);

image.png

image.png

image.png

image.png

参考资料:

https://developer.mozilla.org/en-US/docs/Web/API/WheelEvent/WheelEvent

posted @ 2022-06-26 16:15  polong  阅读(185)  评论(0编辑  收藏  举报