检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
成功获取Token后才能进行定位请求。 // 向服务器请求签名 hwar.getToken().then((res) => { // 获取成功 }).catch((err) => { // 获取失败 }); 设置并检查AR会话开启前的相关配置。 配置操作包括创建会话、设置位置、检测陀螺仪。
团队购买并开通。 环境要求 已安装配置NodeJS环境。 已安装代码编辑器，如Visual Studio Code。 已安装Web服务器，如http-server、VSCode插件live-server、Tomcat等。 Windows系统电脑已安装Chrome浏览器或基于Chr
开发概述 WebARSDK简介 WebARSDK是一款轻量化JS-SDK，支持租户通过SDK快速集成和使用KooMap AR地图运行服务，开放能力的内存增加不大于3MB，运行时不依赖于Native App，可通过主流Web浏览器平台、主流终端设备的App内嵌WebView，实现WebAR体验。
需要接收两个参数： VPS请求接口的返回数据和世界坐标原点。 dictPoseData: { utmcode: string; vpsFloor: string; pose: { r: number[], t: number[]} } dictPoseData.pose.r是VPS姿态矩阵 dictPoseData
代码示例 开启AR会话功能的代码样例，具体见WebARSDK包中hwar目录下的demo.html。 WebARSDK包的目录请参考图1。 父主题： WebARSDK使用手册
以工程Project为例，通过引入SDK脚本、传入AK/SK、调用API，验证工程中SDK是否引入正常，为后续功能开发做准备。 操作步骤 创建工程（Project），并将WebARSDK包解压后放入工程目录。 Project ├── index.html ├── src │ ├── index.js ├── hwar
WebARSDK使用手册 开发概述 总体开发思路 准备工作 快速开始 开启AR会话 实现AR导航 API列表 代码示例 常用调试方法
路线选择策略。 1：最短距离 2：电梯优先 3：扶梯优先 -2：不坐电梯 -3：不走扶梯 isUseManyNaviPolicy 判断是否使用多路径规划配置值。 - - - boolean onReachFloor 导航出电梯后到达指定楼层；调用此方法通知启动AR。 floor number 楼层索引，可以从导航路径中获取。
注意事项 了解坐标系 VPS坐标系 VPS坐标系是基于UTM坐标定义的，北向Y轴正向和东向X轴正向如图1所示。 图1 VPS坐标系示意图 Three.js渲染引擎坐标系 摆放虚拟物体时需要注意：Three.js的相机朝向是Z轴的反向。 图2 Three.js渲染引擎坐标系示意图 坐标系转换
API列表 WebARSDK封装类名为“hwar”，所有API均直接通过类“hwar”来调用，无需实例化。 本章节所指的GPS坐标系为WGS84坐标系。 utmCode指UTM（UNIVERSAL TRANSVERSE MERCARTOR GRID SYSTEM，通用横墨卡托格网系统）投影带号。
开启AR会话 概述 开发指导 注意事项 父主题： WebARSDK使用手册
总体开发思路 使用WebARSDK开发移动端应用的工作流程如图1所示。 图1 工作流程 准备工作。 下载WebARSDK、收集AK/SK信息、开通关联服务。 创建H5移动端工程。 使用原生或者流行框架（如Vue、React）创建H5移动端工程。 引入WebARSDK文件。 下载、
单”。 苹果手机开启调试模式。 苹果手机连接Mac电脑，打开手机Safari浏览器并运行Web页面。 在Mac电脑的Safari浏览器“开发”菜单下选择已连接的苹果手机，单击手机打开的Web页面进行调试。 父主题： 常用调试方法
如果您无法获取视频流，建议您排查以下问题： 检查是否存在浏览器多个标签页同时申请获取视频流的情况，建议您关闭其他标签页。 检查浏览器是否支持WebRTC，如不支持，建议您更换浏览器。 检查应用相机权限是否打开。 检查移动设备后置摄像头是否能正常拍摄画面。 无法进行视觉定位原因排查 如
需要侦听回调。回调函数无event参数。 NO_SRTEAM 获取设备的相机时出错。一般是设备没有后置摄像头。 - - 需要侦听回调。回调函数无event参数。 VPS_FAIL VPS定位失败。可能是定位不在地图范围、定位超时等原因。 - - 需要侦听回调。回调函数无event参数。 接口调用及相机fov设置示例
t”获取相机矩阵和视频流图像。当3定位成功后输出相机矩阵，包含当前虚拟相机的位姿信息。视频流图像可通过Three.js、LayaAir等WebGL渲染引擎渲染成背景画面。 您可以根据相机矩阵、视频流图像及路径点，自定义渲染导航路径、虚拟数字内容。 自定义渲染导航路径时，建议您分段
常用调试方法 调试工具 调试方法 父主题： WebARSDK使用手册
实现AR导航 概述 开发指导 注意事项 父主题： WebARSDK使用手册
事件管理 事件管理使用到的接口如表1所示。 表1 事件管理接口列表 接口 描述 参数名 参数类型 参数说明 返回值 dispatchEvent 事件派发。 strId string 侦听事件id。 void data { [key: string]: DataType } 携带的数据。
false：关闭会话，停止发送请求。 void apkUuidIsUpdate boolean 是否更新会话。可选。 默认为false。 true：重置会话，重新进行VPS请求。 false：不重置会话。 multiFrame boolean 是否连续请求定位。可选。 默认false。 true：连续请求定位，直到请求成功。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
