检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图1 VPS坐标系示意图 Three.js渲染引擎坐标系 摆放虚拟物体时需要注意:Three.js的相机朝向是Z轴的反向。 图2 Three.js渲染引擎坐标系示意图 坐标系转换 SDK提供了UTM坐标与渲染引擎(如Three.js、LayaAir)坐标之间的转换方法。 //
AR导航功能依赖视觉定位,进行空间位置跟踪。它将会根据当前位置信息及终点信息获取路径点信息,然后进行3D虚拟世界渲染操作。 其包含的功能主要有路线规划及导航指示: 路线规划:根据目的地和当前位置,自动规划合适的路线。 导航指示:引导用户沿着设定的路线前进,并在需要时提供转弯提示等导航信息。 父主题: AR导航
│ └── slamcommon.js │ ├── hwar.js 通过外部脚本引入WebARSDK的JS文件。 <script src="hwar/slam/LOG-iMedia_XREngine_Cyberverse_3.1.0.js"></script> <script
熟悉Web移动端开发。 熟悉Three.js、LayaAir等渲染库,可实现基于WebGL的3D渲染。 下载SDK 请下载WebARSDK软件包和软件包的完整性校验文件,并解压软件包、核对文件目录。 图1 SDK包目录结构 收集信息 表1 收集信息 信息项 说明 AK/SK 访问密钥。包含访问密钥ID(Access
number; } 获取相机矩阵和视频流图像,完成空间位置追踪与渲染。 通过回调函数“hwar.registerRefreshCameraMat”获取相机矩阵和视频流图像。当3定位成功后输出相机矩阵,包含当前虚拟相机的位姿信息。视频流图像可通过Three.js、LayaAir等WebGL渲染引擎渲染成背景画面。
gyro表示设备陀螺仪是否正常。 WEB_INFO 版本信息。 { slam: string; phone: string; } Object 侦听函数,会接收到一个参数:event: { data: Object } event.data.slam表示当前AR位置追踪算法的版本号。 event.data
开发概述 WebARSDK简介 WebARSDK是一款轻量化JS-SDK,支持租户通过SDK快速集成和使用KooMap AR地图运行服务,开放能力的内存增加不大于3MB,运行时不依赖于Native App,可通过主流Web浏览器平台、主流终端设备的App内嵌WebView,实现WebAR体验。
单击“服务列表”,选择“管理与监管 > 云审计服务”,进入云审计服务信息页面。 单击左侧导航栏的“事件列表”,进入事件列表信息页面。 设置查询条件,单击“查询”。 事件列表支持通过筛选来查询对应的操作事件,当前事件列表支持多个维度组合查询,详细信息如下: 时间范围:可在页面右上角选择查询最近1小时、最近1天、最近1周及自定义时间段的操作事件。
设置接收相机矩阵的回调函数(TS语言,以Three.js为例) hwar.registerRefreshCameraMat((cameraMat: THREE.Matrix4, imgData: ImageData) => { }); // UTM坐标转成渲染坐标(TS语言,以Three.js为例) let vecInit:
GetAppConfig:获取应用鉴权参数。 GetAppEnv:获取App环境参数。 GetWorldControl:获取资源世界的参数,例如是否在服务区、获取坐标偏移量等信息。 GetSniffer:获取定位及传感器信息。 GetJniAttach:子线程向Android客户端发送信息时需要使用。
开启AR会话开发流程 开发过程 获取Token。 成功获取Token后才能进行定位请求。 // 向服务器请求签名 hwar.getToken().then((res) => { // 获取成功 }).catch((err) => { // 获取失败 }); 设置并检查AR会话开启前的相关配置。
弹性云服务器二(Elastic Cloud Server)是一种可随时自动获取、计算能力可弹性伸缩的云服务器。 产品介绍 什么是ECS 创建容器应用基本流程 如果title超长,将自动截断并显示省略号,若需鼠标经过时冒泡,请在样式中增加 js-title 如果title超长,将自动截断(文字超长时
登录KooMap管理控制台。 在左侧导航栏的“AR地图”下选择“项目管理”。 在“项目管理”页面,单击项目名称(蓝色字体),进入“项目详情”页面。 单击“上传数据”,根据表1填写待上传数据的相关信息。 表1 上传数据配置参数 配置项 配置说明 数据名称 必填项。 输入数据名称。 名称不可重复。
list: PoiInfo[]; }> 返回信息列表,list包含POI名称、坐标、缩略图等信息。 PoiInfo: { arMapInfo: any; poi: any; poiContent: any; } getPoiImgUrl 获取可直接使用的POI缩略图的url。 url
WebARSDK文件。 验证租户身份信息。 通过hwar.setAKSK方法将AK/SK传入SDK,验证租户身份信息。 开启AR会话。 获取图像及传感器数据,初始化SLAM,准备相关环境。 实现AR导航和渲染3D内容。 依靠视觉定位,获取当前设备位置,以及请求导航路径,实现空间位
从服务开通到实际可用,需要多长时间 当前KooMap服务处于公测阶段,公测期间开通服务需要7个工作日。 父主题: 服务开通
se。 setAreaGPS 设置已知地图服务区域的GPS坐标到AR系统中,便于提高后续视觉定位的精度。GPS信息可以从局点配置中获取,也可以通过请求浏览器的位置接口获取。 gps { latitude: number; longitude: number; altitude: number;
URI中的参数说明 参数 描述 URI-scheme 表示用于传输请求的协议,当前KooMap所有API均采用HTTPS协议。 Endpoint 指定承载REST服务端点的服务器域名或IP,不同服务不同区域的Endpoint不同,当前KooMap只在“华北-北京四”部署,Endpoint为“koomap
您可通过如下任意方式完成AR地图生产服务的开通。 方式一:在左侧导航栏选择“总览”,然后在右侧页面单击“AR地图生产服务”卡片下的“开通服务”。 方式二:在左侧导航栏选择“服务概览”,然后在右侧“服务列表”页面单击“AR地图全景建图云服务”操作列“开通”。(左侧导航栏如有“服务概览”菜单且非首次开通,才能使用此开通方式。)
注意事项 视频流无法正常获取原因排查 如果您无法获取视频流,建议您排查以下问题: 检查是否存在浏览器多个标签页同时申请获取视频流的情况,建议您关闭其他标签页。 检查浏览器是否支持WebRTC,如不支持,建议您更换浏览器。 检查应用相机权限是否打开。 检查移动设备后置摄像头是否能正常拍摄画面。