echart 地图添加了滚轮放大缩小导致二级地图无法居中问题
由于地图有鼠标拖动移动,滚轮放大缩小的需求。添加了以下代码
geo: {
map: 'china',
type: "map",
center: [104.114129, 37.550339],//当前视角的中心点
zoom: 1, //当前视角的缩放比例
roam: true, //是否开启平游或缩放
scaleLimit: { //滚轮缩放的极限控制
min: 1,
max: 2
},
itemStyle: { // 定义样式
normal: { // 普通状态下的样式
areaColor: 'rgba(7,21,57,0.5)',
// areaColor: '#323c48',#054fd4
borderColor: '#0177ff'
},
emphasis: { // 高亮状态下的样式
areaColor: '#071537'
}
}
},
没有添加时可以实现二级地图居中,添加以后导致出现省份不位于中间。
然后网上搜了一下有最简便的一种方案:
在点击一级地图时,将一级地图的地图绘制清空。重新绘制
mapChart.clear();//二级地图无法居中解决方法
ok