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