项目的可视化模块中使用了echarts作为图表库。当对散点类地图作自适应开发时,发现在对地图进行偏移或缩放的时候,画布上出现了重叠并且错位的两个地图。
问题现象
上图是对地图设置偏移出现的情况,下图是对地图放大出现的情况。为突出对比效果,图中用蓝、黑两种颜色对地图边框进行了着色。
下面分别给出项目中对地图设置偏移和缩放的关键代码,其中的(配置项)主要字段是geo和series:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19option = {
geo: {
left: 450
},
series: [
]
}
option = {
geo: {
zoom: 1.1 // 设置缩放的字段
},
series: [
// ...
]
}
正如以上代码所示,根据以往经验,对地图进行偏移或缩放只需在option的geo属性中设置对应字段即可&#