基于位置的 AR.js 示例不移动对象

Question

我正在使用 AR.js 创建 AR 场景。使用标记一切正常，但是当我使用基于位置的 AR 时，对象出现在一个地方并且在设备旋转时不会移动。

<html>
<head>
  <script src="https://aframe.io/releases/0.9.2/aframe.min.js"></script>
  <script src="https://cdn.rawgit.com/jeromeetienne/AR.js/2.0.6/aframe/build/aframe-ar.js"></script>
</head>
<body style="margin: 0px; overflow: hidden;">
  <a-scene gps-camera-debug embedded arjs="sourceType: webcam; debugUIEnabled: false;" vr-mode-ui="enabled: false">
    <a-camera gps-camera rotation-reader>
      <a-box color="yellow" gps-entity-place="latitude: <lat>; longitude: <long>" scale="2 2 2" />
    </a-camera>
  </a-scene>
</body>
</html>

在我接受对相机和位置服务的访问后，相机显示屏上会出现一个黄色方块。但是，向上、向下、向左或向右移动相机不会移动或旋转对象。黄色方块似乎停留在屏幕上的一个位置。

我使用的 GPS 位置与 gps-camera-debug 报告的位置完全相同。如果我输入不同的纬度和经度，那么黄色方块根本不会出现。

Firefox v70 和 iPhone 6 与 IOS 12.3.1 的结果相同。 Firefox 控制台中的消息是...

A-Frame Version: 0.9.2 (Date 2019-05-06, Commit #f57a1fa) index.js:92:8
three Version (https://github.com/supermedium/three.js): ^0.102.2 index.js:93:8
WebVR Polyfill Version: ^0.10.10 index.js:95:8
Successfully compiled asm.js code (total compilation time 81ms) aframe-ar.js
THREE.WebGLRenderer 103dev three.js:22620:10
gps-camera-entity-added aframe-ar.js:9031:17
Use of the orientation sensor is deprecated. aframe-ar.js:8785:15
AR.js 2.0.6 - trackingBackend: artoolkit aframe-ar.js:7121:10
The Components object is deprecated. It will soon be removed. 02
gps-camera-ready aframe-ar.js:8749:25
Allocated videoFrameSize 1228800 aframe-ar.js:2:23009
Pattern detection mode set to 1. aframe-ar.js:2:23009
Pattern ratio size set to 0.500000.

知道我遗漏了什么吗？

Answer 1

盒子不应该是相机的子项目

<a-camera gps-camera rotation-reader>
</a-camera>
<a-box color="yellow" gps-entity-place="latitude: <lat>; longitude: <long>" scale="2 2 2" />

在 gps 试图定位盒子时可能会发生一场比赛，同时它正在应用相机变换。一个疯狂的猜测，但仍然 - 尝试过，并且它在 android chrome 上与上面的代码一起工作。

基于位置的 AR.js 示例不移动对象

Location-based AR.js example doesn't move the object

gps

location-based

three.js

aframe

ar.js