实现echarts地图监听缩放事件效果

echarts地图缩放事件

最近应项目要求需要做地图放大展示markpoint标记点,缩小标记点消失在这里插入图片描述
在这里插入图片描述
以上就是效果图,主要就是用到了echarts的georoam事件,官方文档没有看到这个事件,这个事件能监听缩放与拖曳事件,话不多说直接上代码
在这里插入图片描述
georoam事件可以取到zoom值,但是是一个固定值,需要变通一下,通过getOption()方法取到当前zoom值,然后就可以通过判断zoom值做你想要做的事了嘿嘿嘿(手动狗头.),当然代码肯定是要进行优化的,不然要卡顿,因为georoam能同时响应缩放和拖曳。不过我这里代码也勉强够用了,嘻嘻。在此非常感谢指导我的一位大佬。。。(ps:用这个事件注意需要结合geo)
在这里插入图片描述

发布了4 篇原创文章 · 获赞 4 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/qq_42980124/article/details/82760333
今日推荐