2022年10月省市区县街道GeoJson行政边界数据获取方法

原创

已于 2022-10-21 14:14:13 修改 · 1.2k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#echarts #前端 #javascript #geo #geojson

于 2022-10-17 16:49:46 首次发布

该博客介绍了如何通过API接口实时获取中国省市区县的geoJSON地图数据，并用于Echarts地图展示。示例代码展示了数据的下载、整理和联动更新过程，包括四级联动数据的生成和每天自动更新。此外，还提供了geoJSON数据的下载链接和完整的代码仓库地址。

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

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

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

2、示例代码

 downloadMapCode() {// 下载mapCode数据
      let mapCode = [], cityMapCode = [], provinceMapCode = [], provinceList = [], cityList = [],
        districtList = [];
 
      provinceList = this.codeList.filter(item => {
        return item.level === 'province'
      })
      cityList = this.codeList.filter(item => {
        return item.level === 'city'
      })
      districtList = this.codeList.filter(item => {
        return item.level === 'district'
      })
 
      districtList.forEach(item => {
        mapCode.push({
          name: item.name,
          cityCode: item.code,
          fatherCode: `${item.code.substring(0, 4)}00`,
          children: []
        })
      })
 
      // 筛选出直辖市下面的区县
      let direct = mapCode.filter(item => {
        return item.fatherCode.includes('0000');
      })
 
      for (let i in cityList) {
        let children = []
        for (let j in mapCode) {
          if (mapCode[j].fatherCode == cityList[i].code) {
            children.push(mapCode[j])
          }
        }
        cityMapCode.push({
          name: cityList[i].name,
          cityCode: cityList[i].code,
          fatherCode: `${cityList[i].code.substring(0, 2)}0000`,
          children: children
        })
      }
      cityMapCode = cityMapCode.concat(direct);
 
      for (let i in provinceList) {
        let children = []
        for (let j in cityMapCode) {
          if (cityMapCode[j].fatherCode == provinceList[i].code) {
            children.push(cityMapCode[j])
          }
        }
        provinceMapCode.push({
          name: provinceList[i].name,
          cityCode: provinceList[i].code,
          fatherCode: '100000',
          children: children
        })
      }
 
      if (provinceMapCode.length === 0) return
      this.zip.file(`mapCode.json`, JSON.stringify(provinceMapCode