检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 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配置项目名称、行政区域以及项目描述,单击“确定”。