- 获取缩放比例
const georoam = (params) => {
if (Reflect.has(params, “dx”)) return; //如果是拖拽事件则退出
setZoom(instance.current.getEchartsInstance().getOption().geo[0].zoom)
const newZoom = Math.floor(instance.current.getEchartsInstance().getOption().geo[0].zoom)
//根据新的缩放,从新获取数据
ctrolData(newZoom)
};
- 根据缩放比例筛选数据
这样基本满足了缩放,显示数据层次。但是又有了新问题,拖动的时候数据刷新了echarts每次都会从新居中。
解决数据刷新echarts geo 自动居中问题
echarts geo 有一个center属性,中国地图不设置默认居中。
所以需要动态捕获当前最后移动位置,刷新数据之后再重置这个属性。