echarts地图合并(省和省合并，市和市合并，省和市合并)

最新推荐文章于 2024-04-12 16:35:36 发布

原创

最新推荐文章于 2024-04-12 16:35:36 发布 · 3.1k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#echarts #echarts地图合并

本文介绍了如何使用Echarts进行地图合并，包括省与省、市与市以及省与市的合并。重点提到地图JSON文件的处理，如需合并，本地地图JSON文件应使用中文命名，如'中国.json'、'广东.json'。同时，由于中国地图的坐标点已解码，而省份地图的坐标点通常编码，因此在操作中可能需要进行解码处理以确保数据正确匹配。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

echarts地图合并(省和省合并，市和市合并，省和市合并)

  //获取要合并地图的数据
  $scope.getMergeMapData = function () {
   
   
      // var areaArr = [{pro:'湖北',city:[]}]
      // var areaArr = [{pro:'广东',city:['潮州市','揭阳市','汕头市','汕尾市']}]
      // var areaArr = [{pro:'中国',city:['黑龙江','吉林']}]
      var areaArr = [{
   
   pro:'中国',city:['内蒙古']},{
   
   pro:'吉林',city:['白城市','松原市']}]
      // var areaArr = [{pro:'江苏',city:['常州市']}]
      // var areaArr = [{pro:'湖北',city:['十堰市','襄阳市']}]
      $scope.mergeMap(areaArr).then(res=>{
   
   
          $scope.areaMap = res;
          $scope.showMap($scope.areaMap);
      });
  }

   //地图合并的方法
   $scope.mergeMap = function (areaArr){
   
   
       return new Promise((ok,no)=>{
   
   
           let result = [];
           let successNum = 0;
           areaArr.forEach(areaItem=>{
   
   
               $.get(`./geo/${
     
     areaItem.pro}.json`, geoJson => {
   
    //请求本地的地图json文件
                   if(areaArr.length == 1 && areaItem.city.length == 0){
   
   
                       geoJson = decode(geoJson)
                       result = geoJson.features;
                   }else{
   
   
                       geoJson.features.forEac