使用AR.js打造WebAR入门课程（三）——基于地理位置的示例

本文链接：https://blog.youkuaiyun.com/qq_24127447/article/details/115869510

前面的两篇文章都是写的关于基于图像的示例，这一篇文章来写一下基于地理位置的示例。

基于地理位置也很好理解，就是通过经纬度来确定目标点，然后在目标点显示你想要的的东西。

首先还是直接放一下官方的示例代码，在代码里面我会标记出来一些解释。

<!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>
    <!-- 在这里我把这个js文件的路径更改成了本地的，因为官方示例的这个js文件没有梯子访问不到，文件具体的获取方式可以看下我前面的两篇文章（直接在github上面下载下来就行了） -->
    <script src="js/aframe-ar-nft.js"></script>
  </head>

  <body style="margin: 0; overflow: hidden;">
    <a-scene
      vr-mode-ui&#