openlayers 使用echarts

本文分享了在使用ol3Echarts扩展过程中的经验总结,包括如何解决遇到的一些bug,例如针对6.4版本的问题修复方法,以及如何通过修改源代码使插件更加稳定。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

echarts 中提供了很多的图标和特效,这正好弥补了不会写图表的我,加上地图上功能的需要,所以采用了ol3Echarts作为扩展
git地址:https://github.com/sakitam-fdd/ol3Echarts
该扩展插件已经能满足大多数的要求了,具体的代码和实现可以参考git中的项目。但是该项目在对6.4版本好像存在一些bug
在这里插入图片描述
经过测试和使用,的确存在该问题
暂时找到的解决办法是,下载ol-echarts的js文件,找到代码中的mockEvent中的 event.originalEvent 替换 event.pointerEvent
在这里插入图片描述
此外修改mouseMove中将target.className === ‘ol-overlaycontainer-stopevent’ 改成 target.className === ‘ol-viewport’ 貌似可以正常使用,现在暂时没找到其他的bug,如果还有bug,请在git上通知作者,我这边只是一个搬砖的人。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值