WebGIS 开发神器|MapLand 在线获取行政区划 GeoJSON 边界数据
做 ECharts 地图、WebGIS 可视化开发时,经常需要行政区划边界 GeoJSON。网上找资源坑很多:数据陈旧、边界残缺、坐标系不匹配造成地图偏移、缺少 adcode 区划编码,调试起来非常耗时间。
今天分享一个在线地理边界预览下载平台 MapLand,浏览器直接打开即用,无需安装任何软件,预览无误后导出 GeoJSON。
🚀平台核心能力
- 多级行政区选择
省 → 市 → 区 / 街道逐级筛选。可下载全市整体边界,也能单独导出区县,附带区划编码,方便和业务数据关联。 - 在线地图预览
选中区域实时高亮渲染边界,下载前直观查看轮廓,避免拿到无效数据。 - WGS84 坐标系导出
默认支持 WGS84 (EPSG:4326),适配 ECharts、Leaflet、Mapbox、AntV 等绝大多数 Web 地图框架,无需额外坐标转换。 - 免登录直接下载
不用注册账号,选好行政区和坐标系,一键下载 GeoJSON 文件。
📝使用步骤
- 打开网站:MapLand
- 选择省份、市、区县;
- 预览地图边界,核对 adcode;
- 选择坐标系 WGS84 (GPS);
- 点击下载,获取 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 区划编码
小提示:行政区划存在调整,正式项目使用前建议和官方区划资料校验数据准确性。
浙公网安备 33010602011771号