全国精确到乡镇、街道级别的json,echarts,geojson行政边界数据

本文链接：https://blog.youkuaiyun.com/HashTang/article/details/112980365

这篇博客分享了一个提供中国GeoJSON行政边界数据和四级联动数据的宝藏网站，包括省级到街道级的数据。作者还介绍了如何通过API接口实时获取最新地图数据，并实现数据可视化。此外，提供了代码示例展示如何下载和整理数据，以及实现数据的每日自动更新。

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

最近发现个宝藏网站，太赞了！！！必须记录一下，666

geojson 数据下载地址：https://hxkj.vip/demo/echartsMap/

省市区县街道行政编码四级联动数据下载地址：https://hxkj.vip/demo/echartsMap/

可下载的数据包含省级geojson行政边界数据、市级geojson行政边界数据、区/县级geojson行政边界数据、省市区县街道行政编码四级联动数据（可精确到乡镇/街道级）

该项目 github 地址：https://github.com/TangSY/echarts-map-demo，喜欢的话，可以给他个 star，哈哈哈

一、通过API接口，实时获取最新中国省市区县geoJSON格式地图数据，可用于数据可视化

1、效果图如下
![在这里插入图片描述](https://img-blog.csdnimg.cn/20210122112940569.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0hhc2hUYW5n,size_16,color_FFFFFF,t_70#pic_center


    // 下载全国地名和编码（不包含边界数据）
    downloadNameAndCode() {
      let opts = {
        subdistrict: 3, //返回下一级行政区
        showbiz: false, //最后一级返回街道信息
      };
      let district = new AMap.DistrictSearch(opts); //注意：需要使用插件同步下发功能才能这样直接使用
      district.search('中国', function (status, result) {
        if (status === 'complete') {
          getData(result.districtList[0]);
        }
      });
      let _this = this
      function getData(data) {
        let districtList = data.districtList;
 
        let blob = new Blob([JSON.stringify(districtList)], {
          type: 'text/plain;charset=utf-8',
        });
        let filename = '全国省市区县街道和编码（不包含边界数据）';
        _this.$ba.trackEvent('echartsMap', '全国省市区县街道和编码（不包含边界数据）下载', filename);
        saveAs(blob, `${filename}.json`); //filename
      }
    }

二、通过获取到的数据整理一系列联动数据，实现了每天自动更新

1、效果图
在这里插入图片描述


    downloadAllJson() {//一次打包下载所有的数据
      this.showTips();
      if (this.downloadTips != '下载geoJson数据') {
        return;
      }
      this.codeList = [];
 
      this.downloadTips = '获取数据中...';
 
      //                this.district.setLevel('country'); //行政区级别
      this.district.setExtensions('all');
      console.log('开始递归循环获取地区code..');
      this.loopSearch('中国');
 
    }