AR.js A-Frame 基于位置的 href 链接问题答案

【问题标题】：AR.js A-Frame location-based href links issuesAR.js A-Frame 基于位置的 href 链接问题
【发布时间】：2021-05-16 00:43:38
【问题描述】：

我已经开始研究带有 A-frame 的 AR.js。我已经修改了这个例子：projected base camera 来显示一个标记（作为一个<a-image>）。我也尝试过添加文字和链接。

<a-image> 有效，但“链接”组件无效。

显示一个单独的<a-link>，但在点击或单击浏览器时不会导航到 href；它停留在当前页面上。

我已经能够在 Safari 和 Chrome、iPad 和 iPhone、最新版本的 iOS 上进行测试。

谁能帮忙？

代码如下：

<!DOCTYPE html>
<html>
  <head>
    <title>AR.js Basic Projected Camera Example</title>
    <script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
    <script src="https://raw.githack.com/AR-js-org/AR.js/master/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'
  >
    <a-assets>
      <img id="my-image" src="../img/markers/map-marker-1-orange.png" scale="10 10 10">
    </a-assets>
    <a-camera 
     gps-projected-camera='simulateLatitude: 51.049; simulateLongitude: -0.723' 
     rotation-reader
    >
    </a-camera>
    <a-image src="#my-image" 
      look-at="[gps-projected-camera]"
      height="50"
      width="50"
      link="href: page.html"
      gps-projected-entity-place="latitude: 51.0486; longitude: -0.7226">
    </a-image>
    <a-link 
      look-at="[gps-projected-camera]"
      href="page.html"
      title="Quercus robur"
      gps-projected-entity-place="latitude: 51.0489; longitude: -0.7240"
    >
    </a-link>
  </a-scene>
  </body>
</html>

【问题讨论】：

标签： javascript aframe ar.js

【解决方案1】：

我需要添加

cursor='rayOrigin: mouse; fuse: true; fuseTimeout: 0;'
raycaster="objects: [gps-projected-entity-place];"

致<a-scene>

如此处所述：Location based AR on the web

给予：

<a-scene 
  cursor='rayOrigin: mouse; fuse: true; fuseTimeout: 0;'
  raycaster="objects: [gps-projected-entity-place];"
  vr-mode-ui='enabled: false' 
  embedded 
  arjs='sourceType: webcam; debugUIEnabled: false'
>

【讨论】：