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屬性，做調整。

調整後的效果：