检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
事件管理 事件管理使用到的接口如表1所示。 表1 事件管理接口列表 接口 描述 参数名 参数类型 参数说明 返回值 dispatchEvent 事件派发。 strId string 侦听事件id。 void data { [key: string]: DataType } 携带的数据。
权限管理 如果您需要对购买的KooMap资源，给企业中的员工设置不同的访问权限，以达到不同员工之间权限隔离的目的，您可以使用统一身份认证服务（Identity and Access Management，简称IAM）进行精细的权限管理。IAM服务提供用户身份认证、权限分配、访问控
管理项目 您可对已有的项目进行详情查看、编辑、删除以及查询等操作。 前提条件 已新增项目。 如何管理项目 登录KooMap管理控制台。 在左侧导航栏的“AR地图”下选择“项目管理”。 在“项目管理”页面，参考表1管理项目。 表1 管理项目操作说明 操作 操作步骤 操作结果 项目详情查看
准备工作 开发技能要求 具备TypeScript/JavaScript开发基础。 熟悉Web移动端开发。 熟悉Three.js、LayaAir等渲染库，可实现基于WebGL的3D渲染。 下载SDK 请下载WebARSDK软件包和软件包的完整性校验文件，并解压软件包、核对文件目录。 图1 SDK包目录结构
开发概述 WebARSDK简介 WebARSDK是一款轻量化JS-SDK，支持租户通过SDK快速集成和使用KooMap AR地图运行服务，开放能力的内存增加不大于3MB，运行时不依赖于Native App，可通过主流Web浏览器平台、主流终端设备的App内嵌WebView，实现WebAR体验。
代码示例 开启AR会话功能的代码样例，具体见WebARSDK包中hwar目录下的demo.html。 WebARSDK包的目录请参考图1。 父主题： WebARSDK使用手册
WebARSDK使用手册 开发概述 总体开发思路 准备工作 快速开始 开启AR会话 实现AR导航 API列表 代码示例 常用调试方法
总体开发思路 使用WebARSDK开发移动端应用的工作流程如图1所示。 图1 工作流程 准备工作。 下载WebARSDK、收集AK/SK信息、开通关联服务。 创建H5移动端工程。 使用原生或者流行框架（如Vue、React）创建H5移动端工程。 引入WebARSDK文件。 下载、
况自行适配设备屏幕尺寸。 参数类型使用了TypeScript语言的声明规范。 视觉定位 空间位置追踪与渲染 导航 事件管理 SDK内部派发事件 父主题： WebARSDK使用手册
以工程Project为例，通过引入SDK脚本、传入AK/SK、调用API，验证工程中SDK是否引入正常，为后续功能开发做准备。 操作步骤 创建工程（Project），并将WebARSDK包解压后放入工程目录。 Project ├── index.html ├── src │ ├── index.js ├── hwar
常用调试方法 调试工具 调试方法 父主题： WebARSDK使用手册
实现AR导航 概述 开发指导 注意事项 父主题： WebARSDK使用手册
开启AR会话 概述 开发指导 注意事项 父主题： WebARSDK使用手册
如果您无法获取视频流，建议您排查以下问题： 检查是否存在浏览器多个标签页同时申请获取视频流的情况，建议您关闭其他标签页。 检查浏览器是否支持WebRTC，如不支持，建议您更换浏览器。 检查应用相机权限是否打开。 检查移动设备后置摄像头是否能正常拍摄画面。 无法进行视觉定位原因排查 如
单”。 苹果手机开启调试模式。 苹果手机连接Mac电脑，打开手机Safari浏览器并运行Web页面。 在Mac电脑的Safari浏览器“开发”菜单下选择已连接的苹果手机，单击手机打开的Web页面进行调试。 父主题： 常用调试方法
概述 您可开启AR会话获取设备的图像、GPS坐标及传感器数据，启动SLAM从而进行视觉定位。 传感器包括陀螺仪、加速度计、磁力计。 父主题： 开启AR会话
概述 AR导航功能依赖视觉定位，提供空间位置追踪能力。 您可以依赖图像数据、相机矩阵及路径点信息进行3D导航路径渲染。 父主题： 实现AR导航
导航 导航需要使用到的接口如表1所示。 表1 导航接口列表 接口 描述 参数名 参数类型 参数说明 返回值 searchPoi POI智能搜索。 searchData { floor?: string; address?: string; title?: string; tag?:
t”获取相机矩阵和视频流图像。当3定位成功后输出相机矩阵，包含当前虚拟相机的位姿信息。视频流图像可通过Three.js、LayaAir等WebGL渲染引擎渲染成背景画面。 您可以根据相机矩阵、视频流图像及路径点，自定义渲染导航路径、虚拟数字内容。 自定义渲染导航路径时，建议您分段
注意事项 了解坐标系 VPS坐标系 VPS坐标系是基于UTM坐标定义的，北向Y轴正向和东向X轴正向如图1所示。 图1 VPS坐标系示意图 Three.js渲染引擎坐标系 摆放虚拟物体时需要注意：Three.js的相机朝向是Z轴的反向。 图2 Three.js渲染引擎坐标系示意图 坐标系转换
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
