echart 地图变形 地图区域形状不对

先推荐一个地图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
            }
          },
...

修改后地图：

微信图片_20211014175753.png

(有帮助到你的话帮忙点个赞哦~~~ 嘻嘻)