WebGIS 开发神器|MapLand 在线获取行政区划 GeoJSON 边界数据

做 ECharts 地图、WebGIS 可视化开发时,经常需要行政区划边界 GeoJSON。网上找资源坑很多:数据陈旧、边界残缺、坐标系不匹配造成地图偏移、缺少 adcode 区划编码,调试起来非常耗时间。

今天分享一个在线地理边界预览下载平台 MapLand,浏览器直接打开即用,无需安装任何软件,预览无误后导出 GeoJSON。

🚀平台核心能力

  1. 多级行政区选择
    省 → 市 → 区 / 街道逐级筛选。可下载全市整体边界,也能单独导出区县,附带区划编码,方便和业务数据关联。
  2. 在线地图预览
    选中区域实时高亮渲染边界,下载前直观查看轮廓,避免拿到无效数据。
  3. WGS84 坐标系导出
    默认支持 WGS84 (EPSG:4326),适配 ECharts、Leaflet、Mapbox、AntV 等绝大多数 Web 地图框架,无需额外坐标转换。
  4. 免登录直接下载
    不用注册账号,选好行政区和坐标系,一键下载 GeoJSON 文件。

📝使用步骤

  1. 打开网站:MapLand
  2. 选择省份、市、区县;
  3. 预览地图边界,核对 adcode;
  4. 选择坐标系 WGS84 (GPS);
  5. 点击下载,获取 GeoJSON。

💻极简示例代码(ECharts)

拿到下载好的 GeoJSON,简单几行代码就能渲染地图:

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>地图示例</title>
<script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
</head>
<body>
<div id="map" style="width:800px;height:600px;"></div>
<script>
const chartDom = document.getElementById('map');
const myChart = echarts.init(chartDom);
// 替换为你从MapLand下载的geojson数据
const geoJsonData = /*粘贴下载的GeoJSON内容*/;
// 注册地图,adcode和区划保持一致
echarts.registerMap('myRegion', geoJsonData);
const option = {
  geo: {
    map: 'myRegion',
    roam: true,
    label:{show:true}
  }
};
myChart.setOption(option);
</script>
</body>
</html>

💡适用场景

  • ECharts 地图可视化开发
  • WebGIS 前端 Demo 调试
  • 数据分析、科研绘图,需要行政区矢量边界
  • 业务系统关联 adcode 区划编码

小提示:行政区划存在调整,正式项目使用前建议和官方区划资料校验数据准确性。

posted @ 2026-10-14 16:51  边界拾码  阅读(4)  评论(0)    收藏  举报