0
点赞
收藏
分享

微信扫一扫

echarts 监听地图放大缩小事件


实现监听的方法: georoam

注意:监听的 georoam方法的前提:echarts实现的中国地图,option地理坐标组件的配制是geo

具体实现方法:

//初始化中国地图
initEchartMap() {
let mapDiv = document.getElementById("material_map_box");
let myChart = echarts.init(mapDiv);
myChart.setOption(this.options);
this.myChart = myChart;
this.listenerZoom();
},

//监听缩放事件
listenerZoom() {
this.myChart.on("georoam", params => {
if (params.dy || params.dx) return; //如果是拖拽事件则退出
let _option = this.myChart.getOption(); //获取最新的option配制
let _zoom = _option.geo[0].zoom; //获取当前缩放比例zoom

这里可以根据自己情况修改_option选项配制。。。。。。

this.myChart.clear(); //清空
this.myChart.setOption(_option); //更新修改后的option配制
});
},


举报

相关推荐

0 条评论