先推荐一个地图json数据生成器
http://datav.aliyun.com/tools/atlas/index.html#&lat=33.521903996156105&lng=104.29849999999999&zoom=4
问题 1. echart用地图的时候图形出来变形
变形图片:
微信图片_20211014175810.png
正常比例:
微信图片_20211014175805.png
可以明显看出比例不对 被向上拉长了
解决:
修改echart option设置 aspectScale: 1.0, // 改变地图的长宽比,更详细的地图配置可以看这个博主整理的https://www.cnblogs.com/hnxx/p/14592912.html
(echart中默认aspectScale这个比为0.75,所以要设置他)
var option = {
tooltip: {
trigger: 'item'
},
geo: {
map: '江门',
zoom: 1.0,
roam: true,
scaleLimit: {
max: 8,
min: 0.5
},
aspectScale: 1.0, // 改变地图的长宽比
label: {
normal: {
show: false
},
emphasis: {
show: false
}
},
...
修改后地图: