在Echart的地图上增加新的位置

最近刚使用echart,遇到一个需求,需要在china.js显示的地图上增加地级市的坐标并显示出来。因为china.js里面包含的数据都是省级的,没有地级市或者更小的行政单位的位置,所以首先需要获取新增点的经纬度。

  1. 先下载地图js文件:github上的地图。该路径下有地图文件。如果不知道怎么下载的话,可以直接下载整个项目,再把项目下的map文件夹复制出来就行,china.js就在里面。echart的github仓库。如果有能力的同学,也可以去geojson上下载地图文件。
  2. 
    var geoCoordMap = {};//存放地图信息的对象
    var mapFeatures = echarts.getMap(mapName).geoJson.features;
    myChart.hideLoading();
    mapFeatures.forEach(function(v) {
        // 地区名称
        var name = v.properties.name;
        // 地区经纬度
        geoCoordMap[name] = v.properties.cp;
    
    });//获取地图文件中的数据
    geoCoordMap["滁州市"]=[118.316364,32.303627];//新增地点
    

    获取新增地点的经纬度后,使用该方法将其加入对象中即可。在后面的使用中就可以显示滁州市了。

你可能感兴趣的:(在Echart的地图上增加新的位置)