echarts bmap 滚轮缩放时节点跟随改变其大小

6 篇文章 0 订阅

在使用bmap时发现了一个问题:节点大小无法根随地图缩放而改变。最后解决了,设计思路大致如下:

1.添加鼠标滚轮监听事件

这个是在github留言区看到的,通过graph.getZr().on('mousewheel', function (params) {option})鼠标滚轮监听事件

2.获取zoom和center

我们可以将节点大小和zoom绑定,通过更新echarts配置(graph.setOption({option},true))来实现大小变化。那在更新配置时,我们需要获取到当前的zoom等级以及用户操作鼠标滚轮后的center数据

center我们可以用graph.getOption().bmap[0].center来获取

zoom的话则需要进行一些处理,因为echarts支持的zoom范围是4~17,所以我首先是用var zoomTemp = zoom + params.wheelDelta来判断滚动后所在的zoom层数,再通过if (zoom >= 4 && zoom <= 17){...}来进行限制(更新),最后把zoomTemp的值赋给zoom,避免zoom无限增加产生错误

部分代码如下:

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值