Echarts使用geoJSON绘制地图，修改地图标签位置

阿里云有提供生成国内geoJSON地图格式的数据，行政划区，十分方便

http://datav.aliyun.com/tools/atlas/#&lat=31.769817845138945&lng=104.29901249999999&zoom=4

获取到地图数据以后，在echarts注册和配置geo

// 引入地图数据
import SHENZHEN from '../../assets/geoJSON/SHENZHEN.json';

// 注册地图
this.$echarts.regisrerMap('SHENZHEN',SHENZHEN)


//配置地图数据
mapChartsOption: {
    geo: {
        map: 'SHENZHEN',
        label: {
            show:true
        }
    }
}

发现绘制出来的地图，标签的位置不太对！

 

查了一下资料，在每一个Feature底下的properties，有一个cp属性，可以用于调整标签的位置！

像这样，手动添加一个cp属性，做调整。

调整后的效果：