geo map分别设置 roam=true 时,对地图进行缩放拖曳时,map geo 是不会同步缩放拖曳,会导致分层。
添加如下代码,此时便可同步缩放
var myChart = this.$echarts.init(document.getElementById("map1"));
var option = { ... }
myChart.setOption(option);
//捕捉georoam事件,使下层的geo随着上层的geo一起缩放拖曳
myChart.on('georoam',function(params){
var option = myChart.getOption();//获得option对象
if(params.zoom!=null&¶ms.zoom!=undefined){ //捕捉到缩放时
option.geo[1].zoom=option.geo[0].zoom + 0.1;//下层geo的缩放等级跟着上层的geo一起改变
option.geo[1].center=option.geo[0].center;//下层的geo的中心位置随着上层geo一起改变
}else{//捕捉到拖曳时
option.geo[1].center=option.geo[0].center;//下层的geo的中心位置随着上层geo一起改变
}
myChart.setOption(option);//设置option
});
这样可以实现效果,但是有延迟,这时我们给map和geo添加animationDurationUpdate属性
roam: true,
animationDurationUpdate:0,
aspectScale: 1,
z:1,
这样就可以实现无延迟同步缩放!!!