踩坑日记:在Echarts中国地图踩到的坑

china.png

前两天在使用echart的中国地图功能时候遇到了两个比较奇葩的坑，将它分享出来，同学们“免受其害”

关于“南海诸岛”问题

这是一个严肃的话题，我们领土一寸也不能少！

但是，在开发的过程中，我却发现，“南海诸岛”缩列图竟然不显示出来，于是差了一些别人踩的坑，发现是注册的时候除了问题

chart.registerMap('china', geoJson);

注意上面在注册地图的时候，前面字段一定得是china，不能是China也不能是中国,那样都将出现问题。切记切记~~

关于文字在区域内不能居中显示

开发的时候，还发现一个问题，我所采用的china.json，其中的文字比较偏，有的都脱离了所在省份区域，这时候就需要你手动去调整了。
你需要在china.json中的对应的不正确的省份上加cp字段，值为该省的省会经纬度，具体各个省会的经纬度我在下面列出来供参考。

"properties":{"adcode":"120000","name":"天津市","cp":[117.20000,39.13333],"center":[117.190182,39.125596],

就像上面一样

各省省会经纬度(地图省份名称文字显示位置)

{
          '山东':[117.000923, 36.675807],
          '河北':[115.48333,38.03333],
          '吉林':[125.35000,43.88333],
          '黑龙江':[127.63333,47.75000],
          '辽宁':[123.38333,41.80000],
          '内蒙古':[111.670801, 41.818311],
          '新疆':[87.68333,43.76667],
          '甘肃':[103.73333,36.03333],
          '宁夏':[106.26667,37.46667],
          '山西':[112.53333,37.86667],
          '陕西':[108.95000,34.26667],
          '河南':[113.65000,34.76667],
          '安徽':[117.283042, 31.86119],
          '江苏':[119.78333,32.05000],
          '浙江':[120.20000,30.26667],
          '福建':[118.30000,26.08333],
          '广东':[113.23333,23.16667],
          '江西':[115.90000,28.68333],
          '海南':[110.35000,20.01667],
          '广西':[108.320004, 22.82402],
          '贵州':[106.71667,26.56667],
          '湖南':[113.00000,28.21667],
          '湖北':[114.298572, 30.584355],
          '四川':[104.06667,30.66667],
          '云南':[102.73333,25.05000],
          '西藏':[91.00000,30.60000],
          '青海':[96.75000,36.56667],
          '天津':[117.20000,39.13333],
          '上海':[121.55333,31.20000],
          '重庆':[106.45000, 29.56667],
          '北京': [116.41667,39.91667],
          '台湾': [121.30, 25.03],
          '香港': [114.10000,22.20000],
          '澳门': [113.50000,22.20000],
}

写在后面

踩坑记录，记录一下~~