AR.jsのLocation Basedで遠くにモデルを表示させようとして困った話。 - Qiita

１．ARで遠くのランドマークをアイコンで表示したい ARで遠くのランドマークをスマホに表示させたいとの希望がありました。 アクティブなユーザー数は、月100以下を想定していたので、有料のライブラリは無理だなぁってことで、「AR.js」で作成することになりました。 AR.jsは、Marker Tracking、Image Tracking、Location Basedに対応している優れもので、htmlに数行のコードでよしなにARを実装してくれます。 Location Based ARは、GPSの位置情報に基づいて指定の位置にコンテンツを表示させる仕組みです。今回はAR.jsのLocation Based とA-Frameバージョンを使用することにしました。 希望としては、こんな感じです。 実際には、ピンの代わりにランドマークのアイコン等を表示させます。 ２．サンプルコードで検証 AR.jsの