Augmented Reality for Geospatial Applications

Without SSL, this AR demonstrator will not function on mobile devices such as Android/iOS smartphones and tablets!

A building ground for the evaluation of the capabilities of AR in a geospatial environment.

Currently, this is a simple Vue demonstrator application which uses AR.js to instantiate a camera view, and then render a 3D globe with GeoTIFF data expressed as colored radial columns if the Hiro marker is detected.

Resources and Links

• AR.js Marker Generator

• Stemkoski's AR Examples

• A Guide To Developing An Augmented Reality Web App

• OpenLayers and Three.js

• Canvas Textures - A-Frame Docs

Recommended IDE Setup

• VS Code + Volar (and disable Vetur) + TypeScript Vue Plugin (Volar).

This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 <script setup> SFCs, check out the script setup docs to learn more.

Recommended IDE Setup

• VS Code + Vue - Official (previously Volar) and disable Vetur