踩坑日记:在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],
}
写在后面

踩坑记录,记录一下~~

你可能感兴趣的:(踩坑日记:在Echarts中国地图踩到的坑)