快速开始

操作步骤

1. 创建工程（Project），并将WebARSDK包解压后放入工程目录。

   Project
   ├── index.html
   ├── src
   │   ├── index.js
   ├── hwar 
   │   ├── slam 
   │   │   └── LOG-iMedia_XREngine_Cyberverse_3.1.0.js 
   │   │   └── LOG-iMedia_XREngine_Cyberverse_3.1.0.wasm 
   │   │   └── slamcommon.js
   │   ├── hwar.js

2. 通过外部脚本引入WebARSDK的JS文件。

   <script src="hwar/slam/LOG-iMedia_XREngine_Cyberverse_3.1.0.js"></script>
   <script src="hwar/slam/slamcommon.js"></script>
   <script src="hwar/hwar.js"></script>

3. 传入AK/SK。

   // 认证用的AK、SK硬编码到代码中或明文存储都有很大的安全风险，建议在代码中配置加密后的AK/SK，解密后传入hwar.setAKSK方法中。
   hwar.setAKSK({ 
       AK:"解密后的变量", 
       SK:"解密后的变量"
   });

4. 调用API（以“hwar.searchArea”）验证引入效果。

   // 根据GPS判断地图服务区域
   hwar.searchArea({
       "location": { "lon": xxx, "lat": xxx },
       "radius": 50
   }).then((res) => {
       console.log("根据GPS获取局点：" + JSON.stringify(res));
   });

5. 查看控制台输出，如果能够打印区域信息，则说明引入成功。

后续步骤

创建H5工程后，您可以继续开发AR功能。

• 开启AR会话，具体请参见开启AR会话。
• 实现AR导航，具体请参见实现AR导航。