DataV.GeoAtlas

DataV.GeoAtlas是由阿里云 DataV 数据可视化团队推出的一款地理信息辅助工具。它专注于地图边界的快速选择、编辑和层级构建，帮助用户以最小的学习成本获取符合需求的地图数据，并将其应用于 ECharts、Mapbox、QGIS 等可视化平台中。

与传统地图服务不同，GeoAtlas 不提供地图浏览、导航等功能，而是聚焦在“地图边界数据的选取与输出”这一核心场景。无论是需要构建大屏展示的产品经理，还是想快速制作教学地图的教育工作者，亦或是从事区域研究的分析师，都能通过 GeoAtlas 快速完成任务。

开发背景与定位

背景需求

在数据可视化应用广泛普及的今天，越来越多的用户希望将地理数据与业务数据结合进行分析。常见的应用包括：

• 展示销售数据的区域分布
• 绘制人口、气候、教育等指标的主题地图
• 构建具有下钻交互的地图结构
• 在业务系统中嵌入定制的行政区边界图层

然而，这些应用的前提往往是“拥有干净、规范、符合坐标系统的地图边界数据”，而这正是许多非 GIS 背景用户的痛点所在。

产品定位

GeoAtlas 的目标并不是替代专业 GIS 软件，而是作为一款“低门槛、面向业务”的地图数据定制工具，它具备如下几个核心定位：

• 轻量化：无需安装任何本地软件，直接通过网页进行地图操作。
• 数据导向：以边界数据为核心，支持自定义区域、格式转换与导出。
• 可视化友好：输出结果可直接应用于 ECharts、Mapbox、DataV 等主流平台。
• 广泛适用：覆盖从教学、科研到商业分析等多种地理数据场景。

使用场景覆盖

GeoAtlas 的适用场景广泛且实用，主要包括：

场景类型	说明
数据可视化	构建主题地图、数据大屏展示中的地理背景
商业分析	区域市场划分、门店分布、投放区域优化
行政工作	行政区划调整展示、统计公开地图制作
教育与研究	地理教学素材制作、空间研究数据可视化
技术集成	嵌入至业务系统中的地图底图自动生成流程

通过 GeoAtlas，用户可以选择需要展示的区域边界，导出为符合标准坐标系的 GeoJSON、SVG 等格式，并根据项目需要进行下钻设计或样式渲染。

架构视角下的 GeoAtlas

GeoAtlas 的设计围绕地图数据“选取—处理—输出”三大阶段展开，核心由以下几个模块构成：

模块名称	功能描述	输出格式
范围选择器	选择任意级别行政区边界，支持区县级粒度	GeoJSON、SVG、JSON API
边界生成器	支持边界合并、编辑、组合、自定义绘制	GeoJSON、TopoJSON
层级构建器	构建自定义多级区域地图，支持地图下钻结构配置	层级映射 JSON、辅助配置文件
数据导出模块	提供多种格式导出功能，便于应用于主流可视化平台	GeoJSON、SVG、PNG 等

这种架构使得 GeoAtlas 可覆盖从需求提出到地图成品导出的完整工作流，满足快速开发和数据一致性要求。

GeoAtlas 与主流地图工具的对比

在地图相关工具中，GeoAtlas 与传统地图 API、GIS 软件有明显定位区分：

工具/平台	用户门槛	地图边界自定义	格式导出支持	层级构建能力	适用对象
GeoAtlas	低（无需代码）	支持	支持多格式	支持（可视化）	可视化从业者、分析师等
高德/百度地图 API	中（需编程）	不支持	不支持	无	Web开发者
QGIS	高（需学习）	强大（专业）	强	支持	地理信息专家

这种“降低门槛 + 聚焦数据边界”的产品特性，让 GeoAtlas 成为非专业 GIS 用户进入地图数据领域的理想选择。

核心功能模块

GeoAtlas 的核心竞争力在于其三大模块化功能：范围选择器、边界生成器、层级构建器。这三个功能形成了地理数据处理的一条“选-改-组”闭环路径，使用户可以从区域选取、边界处理到结构构建实现全流程操作，且无需使用任何外部 GIS 软件或命令行工具。

范围选择器

功能简介

范围选择器是 GeoAtlas 的入口级功能。用户可以通过可视化界面快速选择需要的地理区域，包括国家、省、市、区县等多个行政层级，所选区域会自动在地图上高亮显示，并生成对应的边界数据。

此功能极大地简化了传统地图数据处理中的“去哪里找？找到了怎么处理？”问题。GeoAtlas 利用高德地图底图与阿里云政区数据，为用户提供权威、规范的边界信息，并确保行政区划的准确性与时效性。

使用流程

1. 进入 GeoAtlas 网站 用户无需注册或安装，只需通过浏览器访问即可。
2. 选择行政层级 支持从国家、省、市、区县四个层级中任意组合选择。
3. 点击地图选择区域 可单选、框选、批量选取目标区域，地图自动更新展示。
4. 预览与导出 实时查看所选边界的面积、坐标范围等信息，支持一键导出为 GeoJSON、SVG 格式，便于后续使用。

技术特点

• 底图数据源权威：采用高德地图数据，行政区划与国家标准一致。
• 支持多区域组合选择：适合用于“某几个城市”“某些省份”的专题地图制作。
• 边界格式多样化输出：GeoJSON 可直接用于 ECharts，SVG 可用于设计图形编辑，JSON API 可用于程序接口对接。

场景示例

应用场景	使用方式描述
区域销售地图	选择目标市场所在省份或城市区域，导出边界供大屏展示使用
教学地图制作	教师选择某一省份或全国边界，导出 SVG 后用于课堂讲解与标注
投放区域划定	市场部门选中广告投放城市，结合业务数据叠加展示热力图

---

边界生成器

功能简介

边界生成器是 GeoAtlas 最富扩展性的功能模块。它允许用户对已有的地理边界数据进行深度定制，包括合并多个区域、绘制新的边界、进行剪裁、扩展等操作，实现地图边界的个性化设计。

这一模块尤其适合对行政区划有特殊需求的项目，例如按照业务板块划分非标准区域、对边界进行适当形变以提升地图识别度等。

核心功能一览

功能项	描述
区域合并	将多个行政区合并为一个整体边界，适用于业务自定义区域
区域编辑	手动调整边界路径节点，适用于对边界形状进行微调的场景
新建绘制	使用画笔或多边形工具自行绘制区域，便于构建虚拟地理单元
剪裁/遮罩	根据已有边界裁剪、掩码出某些区域，适用于高精度地图处理

操作体验亮点

• 所见即所得：边界修改操作均可在地图上实时预览，无需切换工具。
• 高精度坐标：编辑操作保持原始边界精度，适配 GCJ-02 坐标系。
• 与范围选择器联动：可在选择区域后继续细化处理，形成链式操作流。

输出与应用

• 导出格式：支持 GeoJSON、TopoJSON 等格式，适合导入至 Mapbox、QGIS 等系统。
• 项目适配：适用于医疗分区、校园地图、产业园区自定义边界绘制等。

---

层级构建器

功能简介

层级构建器是 GeoAtlas 独有的交互式地图结构设计工具。通过它，用户可以自定义地图的下钻层级，实现“点击某省，进入市级地图，再点击进入区县”等交互效果。

这一功能对于需要构建分层信息展示或地理联动分析系统的项目至关重要，如企业大屏展示、区域数据分析等。

构建方式

GeoAtlas 提供直观的层级编辑界面，用户可以：

• 添加多个层级节点，如“全国 > 华东区域 > 江苏省 > 苏州市”
• 指定每个层级的边界数据来源（支持上传或从选择器导入）
• 设置层级映射关系，确保点击某层自动跳转到下一级区域

配置支持

功能配置项	描述
显示样式配置	设置每个层级地图的颜色、边框、缩放等样式参数
数据映射配置	支持与外部业务数据表进行主键关联
层级导航结构	支持树状结构展示各层级地图关系

应用案例

• 大屏数据看板：展示全国销售情况，可从全国下钻到省市县。
• 政务数据分析系统：各级可查看本级及下级区域的数据指标。
• 教育/医疗资源分布图：层级展示各地教育资源密度或医院分布。

---

技术细节与数据格式

GeoAtlas 虽然是一款面向可视化用户的工具，但在技术实现与数据支持方面并不“轻量”。其核心能力依托于规范的地理坐标系、多种格式的数据输出以及与主流可视化工具的良好兼容性，为用户提供了“即拿即用”的地图数据支撑。

地图底层坐标系

GCJ-02（火星坐标系）

GeoAtlas 所有地图数据均采用 GCJ-02 坐标系，这是中国大陆互联网地图服务广泛使用的一种加密坐标系，由国家测绘局制定。它基于 WGS-84 坐标系进行加密转换，是高德地图、腾讯地图、百度地图等平台的基础坐标系。

坐标系使用说明

• 适配性高：与国内主流地图服务商兼容性良好，数据可直接用于 ECharts、百度地图等平台。
• 需注意误差：与国际标准 WGS-84 存在一定误差（偏移 300 米左右），用于国际地图或精确测绘时需转换坐标系。
• 转换建议：若用户希望将 GCJ-02 转换为 WGS-84 或 Web Mercator（EPSG:3857），建议使用 QGIS 等工具批量转换。

数据输出格式

GeoAtlas 提供多种地图边界导出格式，覆盖了数据可视化、图形设计、前端开发等多个技术方向，具体格式及用途如下：

格式类型	文件后缀	适用场景与说明
GeoJSON	.geojson	最常用格式，结构清晰，适用于 ECharts、Mapbox、QGIS 等平台
TopoJSON	.json	GeoJSON 的压缩变体，适用于 Web 前端加载优化（文件体积小）
SVG	.svg	矢量图形格式，适用于网页 UI、图表装饰设计，可导入 Adobe Illustrator 编辑
PNG	.png	位图快照，仅用于展示参考，不建议用于精确地图分析
JSON API	在线 API	提供 JSON 接口地址，可直接嵌入到网页或系统调用

GeoJSON 示例结构

{
  "type": "FeatureCollection",
  "features": [
    {
      "type": "Feature",
      "properties": {
        "name": "杭州市",
        "adcode": "330100"
      },
      "geometry": {
        "type": "Polygon",
        "coordinates": [...]
      }
    }
  ]
}

该结构可直接作为 ECharts 地图组件中的地理数据导入，配合业务属性（如人口、GDP）即可渲染地图图层。

数据精度与边界处理策略

精度说明

• GeoAtlas 提供的边界数据为简化边界版本，兼顾精度与文件体积。
• 默认支持 高、中、低精度选择，满足不同终端（PC、大屏、移动端）加载需求。
• 对于特殊需求（如精细地图或超小区域展示），支持手动编辑后导出原始路径。

边界处理能力

GeoAtlas 的边界数据处理不仅包括静态导出，还支持以下增强功能：

• 自动去毛刺：去除边界中细小锯齿，提高地图光滑度；
• 边界抽稀：通过 Douglas-Peucker 算法减少坐标点数，优化文件大小；
• 坐标精度控制：支持输出 6 到 12 位小数的经纬度点，提高空间计算精度。

多平台兼容性

GeoAtlas 输出的数据可无缝对接多个主流数据平台，以下是典型兼容场景对比：

平台/工具	兼容格式	用途描述
ECharts	GeoJSON、TopoJSON	作为地图组件数据源，适用于可交互地图可视化
QGIS	GeoJSON	用于地图分析、空间运算、图层叠加
Mapbox GL JS	GeoJSON	加载为矢量图层，配合样式表达式实现高定制展示
Adobe Illustrator	SVG	进行设计加工、地图美术修饰
ArcGIS Online	GeoJSON（需转换）	可通过转换工具导入为图层数据

数据导出最佳实践

为了提高数据的使用效率与可视化效果，建议用户在使用 GeoAtlas 导出地图数据时注意以下几点：

• 导出前检查精度：对移动端建议选择中精度，对大屏展示或放大缩放需求建议选高精度。
• GeoJSON 优先：若目标平台支持 GeoJSON，建议优先使用，便于属性与样式关联。
• 注意文件体积：TopoJSON 更适合网页嵌入，加载速度明显快于 GeoJSON。
• 编码兼容性：SVG 导出后建议使用 UTF-8 编码保存，避免图层名乱码问题。

---

典型应用场景

GeoAtlas 作为一款面向地图边界处理的工具，其适用范围远不局限于传统地图展示。由于其具备灵活的地图边界选择、编辑和输出能力，它已经被广泛应用于多个行业和场景中，涵盖商业决策、教育教学、科研分析等多个领域。

数据可视化展示

场景描述

数据可视化平台是 GeoAtlas 最主要的应用环境之一。无论是构建政务大屏、运营看板，还是制作 BI 报告图表，地图作为区域性数据的载体始终扮演关键角色。GeoAtlas 可以提供定制化的地图边界，让用户快速将地图与业务数据绑定，实现可视化表达。

使用流程

1. 使用范围选择器选择目标区域；
2. 导出为 GeoJSON 格式；
3. 在 ECharts、Tableau、DataV 等平台中加载；
4. 配合数据进行区域映射、热力分析、区域排序等。

应用示例

项目类型	应用方式
销售区域热力图	使用省市区边界与销售额数据联动，展示销售密度变化
人口分布展示	展示各地常住人口数量，动态对比不同区域人口趋势
跨区域业务分析	可视化不同地区业务完成情况，生成高管决策地图报告

地理信息系统（GIS）辅助应用

场景描述

虽然 GeoAtlas 本身并不是 GIS 系统，但它提供的边界数据完全可以导入 QGIS、ArcGIS 等专业工具中，用于进一步空间分析、叠加运算、地图投影等处理。这种“数据源角色”尤其适合不具备高精地图建模能力的用户，快速获得基础边界数据用于二次开发。

应用流程

1. 使用 GeoAtlas 导出区域边界（GeoJSON 格式）；
2. 导入到 QGIS/ArcGIS 作为基础图层；
3. 与其他数据图层叠加处理（如气候、地形、人口）；
4. 进行缓冲分析、空间相交、地图投影等空间计算。

典型案例

• 城市规划部门基于 GeoAtlas 边界构建辖区基础图层；
• 科研项目利用其行政边界与遥感数据联动分析土地利用变化；
• 公共资源调度项目中，配合交通图层计算各区域通达性。

商业区域分析

场景描述

商业领域中，地图边界不仅用于展示位置关系，更重要的是参与实际业务决策：比如新店选址、市场划分、客户覆盖范围、广告投放优化等。GeoAtlas 允许用户按需合并、划分、编辑区域边界，构建符合企业内部分区逻辑的地图底图。

应用方法

• 按照业务板块（如“东北市场”“重点城市群”）合并区域边界；
• 导出 SVG 或 GeoJSON，用于分析或渲染；
• 将边界与客户数据、销售数据匹配，生成区域分析图。

企业场景参考

行业	应用内容
连锁零售	根据门店销售表现，划定门店服务区，调整配送半径
快消品	将全国市场划分为一级、二级市场，分析区域增长潜力
广告投放	依据人群密度与产品热度，绘制分区域广告投放优先级地图

教育与教学

场景描述

地图教学不仅限于中小学的地理课，更包括大学课程、社会培训、自学项目等。GeoAtlas 为教学提供了极其友好的操作方式：教师可以根据课件需要选取任意地区，导出高清地图，结合设计工具进一步编辑标注，用于讲解行政区划、地形特征、人口迁移等内容。

应用方式

• 利用选择器快速生成专题地图（如“华北五省”）；
• 导出 SVG，用 Adobe Illustrator 进行标注；
• 结合教案进行区域知识讲解、地图识图训练。

教育使用特色

• 自主选区，支持重点/非重点区域对比；
• 图形清晰可调，适配投影仪、打印、PPT 等多种环境；
• 无需安装复杂软件，适合教师与学生快速使用。

科研与公共事务

场景描述

高校、研究机构、行政部门等在进行数据采集、政策研究、区域规划时，也需要大量使用地图边界数据。GeoAtlas 可根据研究需求进行灵活组合，如“按人口流动高发区域划分”、“按生态保护区域裁剪地图”等。

实际使用场景

• 城市治理研究人员制作街道级地图用于资源分布分析；
• 公共卫生系统基于分布调整医疗服务覆盖边界。

---

GeoAtlas 的应用价值不仅体现在操作便利性上，更在于它为各类项目提供了一个“数据即服务”的可用地图边界解决方案。与传统复杂工具不同，它的核心是让地图数据使用变得轻量、低门槛、易整合。

使用方法与操作指南

GeoAtlas 致力于为用户提供“傻瓜式”的地图边界处理能力，从初次访问网页到导出边界文件，整个流程无需安装任何插件或软件，也无需编程基础。为了帮助用户更好地掌握 GeoAtlas 的使用逻辑，本部分将从访问入口、操作步骤、导出方法、导入其他平台等方面，全面梳理工具的使用流程。

访问与启动方式

网页访问入口

GeoAtlas 是一个完全基于网页的在线工具，当前访问路径为：

https://datav.aliyun.com/portal/school/atlas/area_selector

用户打开该页面后，即可看到主界面，无需登录即可试用全部基础功能。

环境要求

项目	要求说明
浏览器	推荐使用 Chrome、Edge、Safari（最新版）
分辨率建议	建议 1366×768 以上，确保地图操作区域完整显示
网络环境	稳定网络，地图加载依赖底图数据
是否需登录	基础功能无需登录，高级编辑建议绑定阿里云账号

---

基本操作流程

GeoAtlas 的基本操作围绕三个模块展开：选择区域 → 编辑边界（可选）→ 构建层级（可选）→ 导出数据。下面是标准操作流程图示：

① 打开页面
→ ② 选择所需区域
→ ③（可选）合并/编辑边界
→ ④（可选）构建层级关系
→ ⑤ 导出为 GeoJSON/SVG

操作步骤详解

第一步：选择区域（范围选择器）

1. 选择“地图类型”：全国、省、市、区县；
2. 点击左侧的行政区级联选择框；
3. 可通过“地图框选”功能直接在地图上批量选取区域；
4. 所选区域高亮显示，并在右侧预览区域信息列表。

第二步：边界处理（边界生成器）

1. 点击“进入编辑”；
2. 支持边界合并、自绘、剪裁、路径节点调整；
3. 可选择保留原始边界或仅导出合并结果；
4. 可导入自有 GeoJSON 数据作为基础。

第三步：构建层级（层级生成器）

1. 点击“层级设置”模块；
2. 添加父子级区域关系，如：全国 → 省份 → 地市；
3. 配置下钻逻辑，每层可指定名称、路径、编号；
4. 保存为层级结构 JSON 文件供外部调用。

---

导出地图数据

支持导出的格式及说明

格式	说明	适合平台
GeoJSON	通用地图格式，适合 Web 地图和可视化平台	ECharts、Mapbox、QGIS
TopoJSON	高压缩率格式，适合大规模地图网页加载	D3.js、WebGIS 项目
SVG	矢量格式，适合设计处理和静态图形使用	Illustrator、Figma、PPT
JSON API	在线调用地址，适用于 Web 嵌入	Web 系统嵌图、仪表盘项目

导出步骤

1. 点击右上角“导出”按钮；
2. 选择导出格式（默认推荐 GeoJSON）；
3. 设置命名规则、边界精度（低、中、高）；
4. 点击“下载”，文件将直接保存至本地。

---

与主流平台对接示例

ECharts 地图组件导入

GeoAtlas 导出的 GeoJSON 文件可以直接用于 ECharts 的 geo 配置项：

myChart.setOption({
  geo: {
    map: 'customMap',
    roam: true,
    label: { show: true },
    itemStyle: { areaColor: '#eeeeee', borderColor: '#444' }
  },
  series: [{
    type: 'map',
    map: 'customMap',
    data: [
      { name: '杭州市', value: 200 },
      { name: '宁波市', value: 150 }
    ]
  }]
});

// 使用 echarts.registerMap 注册地图
echarts.registerMap('customMap', geoJsonObject);

QGIS 导入方法

1. 打开 QGIS，新建项目；
2. 选择“图层” → “添加图层” → “添加矢量图层”；
3. 导入 GeoAtlas 导出的 .geojson 文件；
4. 地图会自动解析为面图层，可进一步分析和叠加。

---

操作注意事项

注意项	说明
坐标系需统一	所有数据基于 GCJ-02，导入国外平台时需转换坐标系统
文件名命名建议英文/拼音	避免中文命名在部分系统中乱码
合并边界需谨慎	操作不可逆，建议先预览合并效果后再导出
多层级构建需手动配置路径	默认未自动识别上下级关系，需手动建立 ID 绑定逻辑
SVG 需二次加工后再商用	导出后仍建议在矢量工具中优化线条、字体、样式

---

GeoAtlas 的使用体验强调“少步骤、高效率”，特别适合对地图要求明确但时间资源有限的用户。无论你是产品经理还是数据分析师，只需按上述操作，即可快速生成高质量的地图边界数据，并投入到实际项目中使用。