echarts map geo跟随缩放移动

//geo:{z:3}

//series[{}]

//geo在上

chart=echarts.init(document.getElementById(''));//chart为当前ECharts实例

//捕捉georoam事件,使下层的geo随着上层的geo一起缩放拖曳

chart.on('georoam',function(params){

    var option = chart.getOption();//获得option对象

if(params.zoom!=null&&params.zoom!=undefined){ //捕捉到缩放时

    option.series[0].zoom=option.geo[0].zoom;//下层geo的缩放等级跟着上层的geo一起改变

    option.series[0].center=option.geo[0].center;//下层的geo的中心位置随着上层geo一起改变

}else{//捕捉到拖曳时

    option.series[0].center=option.geo[0].center;//下层的geo的中心位置随着上层geo一起改变

}

chart.setOption(option);//设置option

});


转自https://blog.csdn.net/m0_37294207/article/details/96879705

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。