在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];//新增地点
    

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

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值