1. 集成前端独立组件
上云 API 2 说明文档(KOC3)
  • 快速开始
  • 申请许可证
  • 联系我们
  • 软件下载
  • 使用上云 API 2 设备模拟器
  • 鉴权接入指南
  • 部署上云 API 2 应用运行与设备管控底座
    • 部署指南
    • 部署前准备
    • 开始部署
    • 能力扩展
  • 设备上云
    • 设备上云
    • 设备固件版本
  • 集成前端独立组件
    • 集成指南
    • 驾驶舱和设备小窗
    • 驾驶舱模块化配置
    • 设备管理组件
    • 航线组件
    • 直播大屏
    • 飞行记录
    • 集成参考
    • PaasJS 新增特性
  • SDK 文档
    • 基本介绍
      • SDK 简介
      • 功能特性
    • 快速入门
      • 准备工作
      • 使用流程
    • 接口调用
      • 接口调用时序图
    • SDK API 文档
      • 使用 API 文档查阅接口详情
    • SDK版本迁移指南
      • 迁移概述
      • 新增方法详情
      • API 变更详情
      • 迁移操作步骤
    • 功能集合
      • SDK初始化
      • SDK配置
      • DRC链路
      • 飞机状态监听
      • 飞向目标点
      • 飞行参数设置
      • 飞行记录导出
      • POI 环绕飞行
      • 一键起飞
      • 航线任务管理
      • 航线任务控制
      • 航线资产管理
      • 机场状态监听
      • 控制权管理
      • 机场控制
      • 飞行控制
      • AI Box 管理
      • AI 智能告警
      • 机载 AI 控制
      • 机载 AI 算法管理
      • PSDK 控制
      • PSDK 资源管理
      • RTK 标定
      • 安全服务
      • 固件管理
      • 媒体服务
      • 日志管理
      • 三维重建
      • 设备管理
      • 设备保修维护
      • 设备健康管理
      • 设备远程调试
      • 设备在线状态
      • 相机控制
      • 直播录制
      • 直播设备管理
      • 直播视频流
      • 直播同步
      • 中继器控制
      • 自定义 SEI
      • WHEP 自定义拉流
      • 网络测速
      • 地图元素管理
      • 频闪灯配置
  • 使用上云 API 2 AI Plugin
    • 上云 API 2 AI Plugin 使用指南
  • 使用上云 API 2 二次开发 Demo
    • 上云 API 2 二次开发 Demo 部署指南
    • 上云 API 2 二次开发 Demo - 无人机管理平台使用说明
  • 排障指南
    • 前端独立组件排障指南
    • SDK排障指南
  1. 集成前端独立组件

PaasJS 新增特性

目录#

1.
组件概览
2.
各组件差异详情
航线编辑组件
航线预览组件
设备管理组件
驾驶舱组件
飞行记录组件
直播大屏组件
设备小窗组件
3.
升级注意事项

一、组件概览#

组件KOC2KOC3
航线编辑(WaylineEditor)✅ 支持✅ 支持,新增拼接、拓扑连线、碰撞返回事件
航线预览(WaylineView)❌ 不支持✅ 新增
设备管理(UranusDeviceManagerApp)✅ 支持,整包 init()✅ 支持,架构升级为模块化挂载
驾驶舱(FH2.loadCockpit)✅ 支持✅ 支持,新增模块显隐配置、自定义按钮、主题 token
飞行记录(FlyDataReplay)✅ 支持,依赖 paas.js✅ 支持,不再依赖 paas.js,新增多项功能
直播大屏(DJILivePlayer)❌ 不支持✅ 新增
设备小窗(FH2.loadDeviceWindow)❌ 不支持✅ 新增

二、各组件差异详情#

航线编辑组件#

差异点KOC2KOC3
航线拼接❌✅ WaylineEditor.concatWayline() 静态方法,合并多条航线为一条
设备拓扑连线❌✅ 构造时传 map.topo,地图上渲染设备连线关系
碰撞航线返回事件❌ 只有 wayline-back✅ 新增 collision-back(碰撞航线只触发此事件,不触发 wayline-back)
限制可创建航线类型❌✅ enabledWaylineTypes 参数,控制创建弹窗中可选的航线类型

航线预览组件#

KOC2 无此组件。KOC3 新增 WaylineView SDK,用于只读预览一组航线。
功能说明
多航线同时渲染支持传入多个 waylineId 同时渲染
设备拓扑连线构造时传 map.topo 启用
不依赖 paas.js完全独立 SDK

设备管理组件#

差异点KOC2KOC3
初始化方式init() 整包挂载到一个容器setupDeviceManager() 全局初始化 + mountXxx() 按需挂载各模块
可用模块设备列表设备列表 + 设备运维 + 告警信息 + 设备定损与反馈 + 维保看板 + 行业无忧 + 固件管理
模块卸载❌✅ handle.unmount(),选项卡切换时按需卸载
自留地插槽❌✅ slots 参数,在指定位置注入 ISV 自定义 UI
设备运维新能力❌✅ 换电指令、RTK 校准、SIM 信息查询、电池存储模式、节能模式
SDK 路径device-manager-sdk/device-manager-sdk-v2/
注意: KOC2 的 init() 方法在 KOC3 中已不推荐使用,新接入请直接使用 setupDeviceManager。

驾驶舱组件#

差异点KOC2KOC3
模块显隐配置❌✅ cockpitConfig 参数,控制 5 个顶层模块的显示/隐藏及子功能开关
运行时更新配置❌✅ FH2.setCockpitConfig() 驾驶舱挂载后随时推送新配置
ISV 自定义按钮❌✅ 可注入到顶栏右侧和主视频区 footer 工具栏
ISV 航线库跳转❌ 点击航线入口无法跳转✅ cockpitConfig.waylinePlanUrl 配置后点击即跳转
摄像头验密跳转❌✅ cockpitConfig.cameraAuthVerifyUrl 配置 ISV 自有验密页
主题定制❌ 仅支持 CSS 变量覆盖✅ 新增 token 体系(约 90 个 snake_case token),内置 default/tech-blue 两套预设
运行时切换主题❌✅ FH2.setCockpitTheme() / FH2.setCockpitPreset() / FH2.resetCockpitTheme()
设备列表模块—⚠️ KOC3 阶段默认隐藏,待后续版本放开

飞行记录组件#

差异点KOC2KOC3
依赖 paas.js✅ 必须先加载 paas.js❌ 不再依赖 paas.js,SDK 自建 Cesium 地图
地图配置方式依赖 FH2.loadMap通过构造参数 map 传入
自定义侧边栏面板❌✅ sidebarItems 参数,在播放器侧边栏注入自定义图标按钮和面板
自定义任务信息区域❌✅ renderTaskInfo 参数,覆盖顶部任务信息展示
设备拓扑连线❌✅ 构造时传 map.topo 启用
迁移提示: KOC2 的飞行记录组件代码在 KOC3 中需要修改:去掉 hostUrl,改为传 map 配置。

直播大屏组件#

KOC2 无此组件。KOC3 新增 DJILivePlayer,完全独立,不依赖 paas.js。
功能说明
单路直播传入设备 SN,自动完成设备查询、开播、渲染
多路直播大屏支持多实例,配合 CSS Grid 拼成网格
不依赖 paas.js完全独立,可与其他组件共存于同一页面

设备小窗组件#

KOC2 无此组件。KOC3 新增 FH2.loadDeviceWindow,拉起设备直播小窗浮层。
功能说明
设备小窗浮层地图底图 + 设备位置标记 + 直播小窗
任务栏setTask() 设置任务状态与标签
HMS 告警入口setHmsUrl() 设置跳转链接
驾驶舱入口setCockpitUrl() 设置跳转链接
在线天气setOnlineWeather() 推送天气数据
动态增删设备FH2.updateDeviceWindow() 全量替换,内部自动 diff

三、升级注意事项#

以下变更在 KOC3 中会导致原有 KOC2 代码不可用,升级时需要修改:
组件变更内容处理方式
飞行记录不再依赖 paas.js去掉 hostUrl,改为传 map 配置
设备管理init() 不再推荐改用 setupDeviceManager() + mountDeviceList()
设备管理SDK 路径变更device-manager-sdk/ → device-manager-sdk-v2/
航线编辑碰撞航线只触发 collision-back同时监听 wayline-back 和 collision-back
上一页
集成参考
下一页
SDK 简介
Built with