检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
在AR地图数据采集阶段，怎样从激光和全景两种方案中选择 您可以参考以下对全景方案（仅使用全景设备）和激光方案（使用激光设备为主，全景设备为辅）的说明，选择适合项目场景的地图数据采集方式。 方案一：全景方案（仅使用全景设备） 全景设备型号：Insta360 ONE R。 全景采集原
createARSession().then((res) => { }); // 设置AR状态 hwar.setARStatus(true, true, true); // 设置接收相机矩阵的回调函数（TS语言，以Three.js为例） hwar.registerRefreshCameraMat((cameraMat:
// 认证用的ak和sk硬编码到代码中或者明文存储都有很大的安全风险，建议在配置文件或者环境变量中密文存放，使用时解密，确保安全； // 本示例以ak和sk保存在环境变量中为例，运行本示例前请先在本地环境中设置环境变量HUAWEICLOUD_SDK_AK和HUAWEICLOUD_SDK_SK。
图1 VPS坐标系示意图 Three.js渲染引擎坐标系 摆放虚拟物体时需要注意：Three.js的相机朝向是Z轴的反向。 图2 Three.js渲染引擎坐标系示意图 坐标系转换 SDK提供了UTM坐标与渲染引擎（如Three.js、LayaAir）坐标之间的转换方法。 //
图1 工作流程 准备工作。 下载WebARSDK、收集AK/SK信息、开通关联服务。 创建H5移动端工程。 使用原生或者流行框架（如Vue、React）创建H5移动端工程。 引入WebARSDK文件。 下载、解压WebARSDK包，并将下载WebARSDK包放入工程目录，通过
rse_3.1.0.js │ │ └── LOG-iMedia_XREngine_Cyberverse_3.1.0.wasm │ │ └── slamcommon.js │ ├── hwar.js 通过外部脚本引入WebARSDK的JS文件。 <script
请下载XRLightSDK软件包和软件包的完整性校验文件，并解压软件包。 SDK软件包中的目录结构： workers文件夹：工程引用的worker。 XRClient.d.ts文件：申明文件。 XRClient.js：SDK的核心逻辑。 收集AK/SK信息 表1 收集信息 信息项 说明 AK/SK
图3 导入SDK后目录 调用SDK，获取版本号。 在“index.js”文件的第一行导入XRClient。 import { XRClient } from "../../build/XRClient"; 在“index.js”文件的onLoad方法里打印SDK版本号。 onLoad(options)
登录KooMap管理控制台。 在左侧导航栏的“AR地图”下选择“项目管理”。 在“项目管理”页面，单击项目名称（蓝色字体），进入“项目详情”页面。 单个或批量删除数据。 单个删除： 在数据列表选择待删除数据，单击操作列下的“更多 > 删除”。 图1 单个删除 在“删除数据项”弹窗，单击“是”，删除数据。
// 认证用的ak和sk硬编码到代码中或者明文存储都有很大的安全风险，建议在配置文件或者环境变量中密文存放，使用时解密，确保安全； // 本示例以ak和sk保存在环境变量中为例，运行本示例前请先在本地环境中设置环境变量HUAWEICLOUD_SDK_AK和HUAWEICLOUD_SDK_SK。
已完成地图注册。 提交地图生产 登录KooMap管理控制台。 在左侧导航栏的“AR地图”下选择“项目管理”。 在“项目管理”页面，单击项目名称（蓝色字体），进入“项目详情”页面。 在数据列表选择注册成功的数据，单击操作列下的“注册调整”，在“注册调整”弹窗内核对地图注册结果。 如对注册结果不
服务。 步骤1：新增项目 登录KooMap服务控制台，进入控制台页面。 在左侧导航栏，选择“AR地图”下的“项目管理”菜单，进入“项目管理”页面。 在“项目管理”页面，单击“新增项目”。 在“新增项目”弹窗中，参考表1填写项目相关信息。 表1 新增项目 配置项 配置说明 项目名称
创建视觉特征的大规模、可快速搜索的索引。在设备定位时，将设备图像中的特征与索引中的特征进行比较，以获得目标设备的位姿。 AR导航 AR导航是新型的地图导航方法，基于摄像头实时捕捉的实景画面，通过数字内容的形态将地图导航信息叠加在实景画面中，生成虚拟的3D导航指引。
准备工作 开发技能要求 具备TypeScript/JavaScript开发基础。 熟悉Web移动端开发。 熟悉Three.js、LayaAir等渲染库，可实现基于WebGL的3D渲染。 下载SDK 请下载WebARSDK软件包和软件包的完整性校验文件，并解压软件包、核对文件目录。
}); 进行视觉定位。 通过设置AR会话状态（hwar.setARStatus）或者触发手动定位（hwar.requestVps）发送定位请求，定位成功结果通过回调函数返回。 // 触发手动定位请求 hwar.requestVps(); // 设置定位成功回调函数 hwar.r
您可根据实际需求在项目内上传全景视频，用于AR地图生产。上传的全景视频需符合约束条件请参考“约束与限制”。 前提条件 已新增项目。 在项目内上传数据 登录KooMap管理控制台。 在左侧导航栏的“AR地图”下选择“项目管理”。 在“项目管理”页面，单击项目名称（蓝色字体），进入“项目详情”页面。
}).catch((err) => { // 获取失败 }); 设置并检查AR会话开启前的相关配置。 配置操作包括创建会话、设置位置、检测陀螺仪。 创建会话：用于启动相机及SLAM。 设置位置：用于设置已知地图服务区域的GPS坐标，提高后续视觉定位的精度。 检测陀螺仪：用于判断设备陀螺仪的有效性。
开发概述 WebARSDK简介 WebARSDK是一款轻量化JS-SDK，支持租户通过SDK快速集成和使用KooMap AR地图运行服务，开放能力的内存增加不大于3MB，运行时不依赖于Native App，可通过主流Web浏览器平台、主流终端设备的App内嵌WebView，实现WebAR体验。
v }); // Three.js r144版本 相机fov设置代码示例（TS语言） // 获取设备标定参数后设置相机参数 public updateFov(fy): void { this.nVpsFy = fy; let nFov: number = ThreeUtils
登录KooMap管理控制台。 在左侧导航栏的“AR地图”下选择“项目管理”。 在“项目管理”页面，单击项目名称（蓝色字体），进入“项目详情”页面。 在数据列表选择预处理成功的数据，单击操作列下的“提交生产”。 图1 预览轨迹 在“空间预览轨迹”弹窗中核对轨迹是否与实际采图轨迹相符。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
