DJI空域查询系统 - 前端操作手册

简介

无人机飞行区域管控系统（Airspace Map）是一款面向无人机飞行爱好者和专业飞手打造的飞行区域查询与管理工具。随着无人机应用的普及，了解哪些区域可以飞行、哪些区域受限或禁止飞行变得至关重要。本系统整合了大疆官方飞行限制数据，并支持用户自定义添加和管理个人飞行区域。

一、系统概述

本系统是一个无人机飞行区域展示与管理的Web应用，支持： - Cesium地球 - 3D地球视图，展示禁飞区/限飞区等 - 区域管理 - 查询、添加、编辑、删除自定义区域 - 区域绘制 - 支持多边形和圆形两种绘制方式 - 数据导入导出 - JSON格式

二、主要界面说明

2.1 顶部控制面板

• 中心点经纬度 - 输入要查询区域的中心坐标
• 搜索半径 - 支持 10km / 25km / 50km / 100km / 200km
• 查询 - 根据中心点和半径查询大疆飞行区域数据
• 新增区域 - 打开自定义区域添加对话框
• 清除全部 - 清空地图上显示的所有区域

2.2 左侧区域列表

显示所有已加载的区域（自定义+大疆），包括： - 区域名称和类型标签 - 限高高度 - 来源标识（自定义/大疆） - 操作按钮（编辑/删除/绘制/重绘）

2.3 底部图例

显示区域颜色对应的类型：

颜色	类型
红色	禁飞区
灰色	限高区
蓝色	授权区
黄色	警示区
橙色	加强警示区
青色	法规限制区
绿色	法规适飞区
深绿	风景示范区

点击图例项可筛选显示/隐藏对应类型的区域。

三、功能操作

3.1 查询大疆区域

1. 输入中心点纬度（北正南负，如北京约39.9）
2. 输入中心点经度（东正西负，如北京约116.4）
3. 选择搜索半径
4. 点击"查询"按钮
5. 等待加载完成，地图上会显示对应区域

3.2 添加自定义区域

1. 点击 "+ 新增区域" 按钮
2. 在弹出的对话框中填写：
3. 区域名称（必填）
4. 备注（可选）
5. 区域类型（禁飞区/限高区/授权区等）
6. 限高高度（米）
7. 区域形状（圆形/多边形）

圆形区域： - 输入圆心经纬度，或留空后在地图上绘制 - 输入半径（米）

多边形区域： - 点击地图逐点绘制（至少3点） - 或直接粘贴坐标格式：(lng1, lat1), (lng2, lat2), ...

1. 点击"添加区域"保存

3.3 绘制区域（Cesium地图）

在区域列表中点击自定义区域的"绘制"按钮：

多边形绘制： - 左键点击地图添加顶点 - 中键/Delete/Backspace 删除最后一个点 - 右键完成绘制 - ESC 取消绘制

圆形绘制： - 左键点击设置圆心 - 移动鼠标预览半径 - 右键完成绘制 - ESC 取消绘制

3.4 编辑/重绘已绘制区域

• 编辑 - 修改区域的名称、类型等属性
• 重绘 - 重新在地图上绘制区域形状

3.5 删除自定义区域

1. 在区域列表中找到要删除的区域
2. 点击该行的"删除"按钮
3. 确认删除

3.6 数据导出

1. 点击"导出数据"按钮
2. 自动下载JSON文件，文件名格式为 airspace-zones-YYYY-MM-DD.json

导出的JSON结构：

{
  "center": { "lat": 39.9, "lng": 116.4 },
  "searchRadius": 50,
  "zones": [...],
  "exportTime": "2026-05-07T..."
}

3.7 数据导入

1. 点击"导入数据"按钮
2. 选择之前导出的JSON文件
3. 系统自动解析并加载所有区域

四、地图交互

4.1 区域信息查看

• 点击地图上的区域多边形/圆形
• 弹出信息框显示：名称、来源、类型、限高

4.2 区域定位

• 在左侧区域列表中点击任意区域
• 地图会自动飞往该区域并高亮显示

4.3 地图导航（Cesium）

• 左键拖拽 - 旋转视角
• 右键拖拽 - 平移地图
• 滚轮 - 缩放
• 左键点击空白处 - 更新中心点坐标

五、快捷操作汇总

操作	功能
左键添加点	多边形绘制
中键/Del/Backspace	删除最后一点
右键	完成绘制
ESC	取消绘制

六、状态说明

状态	说明
"未登录，3秒后跳转首页"	当前无有效登录态
"查询中..."	正在加载大疆区域数据
"绘制模式"	正在进行区域绘制
"重绘模式"	正在修改已绘制区域
"绘制成功"/"修改成功"	区域保存成功

七、常见问题

Q: 查询不到区域？ A: 检查中心点经纬度是否正确，或尝试增大搜索半径。

Q: 绘制时地图无法移动？ A: 这是正常现象，绘制模式下地图交互被禁用，完成或取消绘制后恢复。

Q: 导入失败？ A: 确保文件是有效的JSON格式，且包含 zones 数组字段。