AFrame / AR.js 定位 - 无法让 X 轴改变

问题描述

我正在尝试使用 Lat 和 Long Co-ords 创建基于 Web 的基于位置的标记。为此，我使用了 A-frame 和 AR.js。我目前遇到的问题是我似乎无法改变 X 轴，但 Y 工作正常。

这是我如何为我的框架元素设置样式

    <a-scene 
       vr-mode-ui="enabled: false;" 
       arjs="sourceType: webcam; debugUIEnabled:false;"
       embedded
    >
        <a-plane
            position="0 0 0" 
            rotation="0 0 0" 
            width="50" 
            height="25" 
            color="#7BC8A4" 
            look-at="[gps-camera]" 
            gps-entity-place="latitude: 53.761385; longitude: -2.72117;">
        </a-plane>
        <a-image
            position="0 0 0"  
            width="15" 
            height="15"
            look-at="[gps-camera]" 
            src="images/building.png"
            gps-entity-place="latitude: 53.761385; longitude: -2.72117;">
        </a-image>
        <a-text 
            position="-10 27.5 0"  
            value="C & T Building" 
            color="black" 
            width="100"
            look-at="[gps-camera]" 
            gps-entity-place="latitude: 53.761385; longitude: -2.72117;">
        </a-text>
        <a-text 
            position="10 20 0"  
            value="900M" 
            color="black" 
            width="150"
            look-at="[gps-camera]"
            gps-entity-place="latitude: 53.761385; longitude: -2.72117;">
        </a-text>

        <a-camera gps-camera rotation-reader></a-camera>
    </a-scene>

此外，任何 AR 调试建议都会很好。目前正在将网站上传到 Netlify，然后在我的手机上进行测试。

解决方法

解决方案是将两个 <a-text> 标签包裹在一个 <a-entity> 标签中，<a-image> 标签也是如此