WebGIS/ECharts 地图开发|MapLand 在线行政区划边界一键下载 GeoJSON 工具

还在网上到处找残缺、老旧的 GeoJSON?MapLand 在线工具,浏览器开箱即用,支持省‑市‑区县‑街道多级行政区划,预览边界再下载,支持 WGS84 坐标系,导出 GeoJSON/SHP/KML/DXF,解决地图可视化边界数据难题。

前言

做 ECharts 大屏、WebGIS、空间分析时,行政区边界数据是刚需。 网上搜集的 GeoJSON 经常踩坑: ✅数据版本老旧,行政区划已经变更 ✅边界空洞、残缺,渲染出现异常 ✅坐标系不匹配,地图严重偏移 ✅缺少 adcode 区划编码,业务数据无法关联匹配

传统方案要么调用不稳定第三方接口,要么安装 ArcGIS/QGIS 笨重软件手动裁剪导出,耗时耗力。今天分享一款网页端工具 MapLand,直接在线预览、选择行政区、导出矢量边界数据。

✨工具核心特性

  1. 多级行政区选择 支持省、直辖市、市、区县、街道乡镇层级逐级筛选,页面直接展示区划代码 ,业务系统可直接复用 adcode。示例:选择北京市,显示区划代码1101。
  2. 地图实时预览 选完区域立刻渲染边界轮廓,下载前肉眼确认范围,避免下错区域。
  3. 坐标系支持 WGS84 (GPS/EPSG:4326),Web 前端通用,适配 ECharts、Mapbox、Leaflet、OpenLayers,省去本地坐标转换的麻烦。
  4. 多格式导出
  • GeoJSON:Web 开发首选,前端地图组件直接读取
  • SHP:ArcGIS、QGIS 专业 GIS 空间分析制图
  • KML:谷歌地球导入
  • DXF:CAD 规划设计使用

🛠实操演示(以北京市边界下载为例)

  1. 浏览器打开官网
  2. 第一步选择省份:北京市
  3. 第二步选择市区街道:选择北京市,也可以继续选择东城、朝阳、海淀等具体区县
  4. 坐标系选择WGS84 (GPS)
  5. 观察地图预览,核对边界范围、区划代码
  6. 点击【下载数据 GeoJSON】,直接拿到可用文件,导入项目即可使用。

📌适用场景

  • 数据大屏、ECharts 地图可视化开发
  • Vue/React WebGIS 项目、点位落图、区域交互
  • GIS 科研作业、毕业设计、空间数据分析
  • 规划设计、CAD 制图场景
相关推荐
Autumn_ing6 小时前
Design.md生成UI怎么验收?举例运营后台的颜色、状态和数据核对
前端·ui·ai·设计系统·paico·ai生成ui·design.md
远离UE47 小时前
UE5 Substrate Thin Film 源码拆析
开发语言·javascript·ue5
keyipatience7 小时前
JavaScript学习(1)书写位置,变量、数据类型、运算符
开发语言·前端·javascript·css·学习
朱涛的自习室7 小时前
我给 Gemini 4 和 DeepSeek 搞了套「末位淘汰」,AI 干活会更猛吗?(Day 3)
android·前端·后端
java1234_小锋10 小时前
【技术专题】HTML5 网页技术 - HTML5简介 & HTML5 文档结构
前端·html·html5
鶴哥只手遮天10 小时前
Vue 3 核心源码深度剖析系列(v3.5.44)-第 1 章 项目全景:monorepo 架构与工程化体系
前端·vue.js·开源
流星。。方10 小时前
小团队官网SEO落地:前端语义化与静态生成的工程实践
前端·状态模式
用户5304297657910 小时前
盘点危化品搬运诊断的6类工具与自处理边界判断
前端
curtain10 小时前
从古法编程到 Agent:我入行这两年,AI 改变了什么
前端·openai
zyfts10 小时前
10分钟自制Codex钉钉通知Skill:AI干完活自动钉钉提醒你
前端