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

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


 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值