AR.js 全景图中的标记问题

问题描述

我正在使用 AR.js 构建 AR 全景图，并希望标记漂浮在地标上方。我尝试了 sample provided in AR.js git 但它总是相同的错误，当我移动相机时，标记与对象/地标不同步，它没有停留在正确的位置。一开始，我认为我的坐标是错误的，但事实并非如此，我尝试了 GPS 模式和模拟/强制定位模式（使用手持 Garmin GPS12 仔细检查我的位置）以获取用户位置。

这是一个 video of the problem（我们看到标记没有停留在方尖碑上方）。

这是我的 HTML 代码，与示例非常接近。

<!DOCTYPE html>
<html>
  <head>
    <Meta charset="utf-8" />
    <Meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>GeoAR.js demo</title>
    <script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
    <script src="https://unpkg.com/aframe-look-at-component@0.8.0/dist/aframe-look-at-component.min.js"></script>
    <script src="https://raw.githack.com/AR-js-org/AR.js/3.3.1/aframe/build/aframe-ar-nft.js"></script>
  </head>

  <body style="margin: 0; overflow: hidden;">
    <a-scene
      vr-mode-ui="enabled: false"
      embedded
      arjs="sourceType: webcam; debugUIEnabled: false;"
    >
      <!-- Obélisque : https://geohack.toolforge.org/geohack.PHP?language=fr&pagename=Ob%C3%A9lisque%20de%20Louxor&params=48.8655_N_2.3211_E_scale:8000 -->
      <!-- wgs84 48.8655°,2.3211° -->
      <a-image
        src="location.png"
        look-at="[gps-camera]"
        scale="14 14 14"
        gps-entity-place="latitude: 48.8655; longitude: 2.3211;"
      ></a-image>
      <a-text
        value="Obélisque de Louxor"
        look-at="[gps-camera]"
        scale="14 14 14"
        position="0 40 0"
        align="center"
        gps-entity-place="latitude: 48.8655; longitude: 2.3211;"
      ></a-text>
      <!-- force GPS coordinates -->
      <!-- GPS12: 48.86650 2.32210 80M -->
      <!-- Apple Map: 48.866766 2.322606 -->
      <a-camera gps-camera="simulateLatitude: 48.8665; simulateLongitude: 2.3221; simulatealtitude: 80m;" rotation-reader></a-camera>
      <!-- <a-camera gps-camera rotation-reader></a-camera> -->
    </a-scene>
  </body>
</html>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

ar.js augmented-reality javascript

AR.js 全景图中的标记问题

问题描述

解决方法

相关问答