<!DOCTYPE html> <html> <head> <title>AR.js A-Frame</title> <script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script> <!-- Assumes AR.js build is in the 'AR.js' directory --> <script type='text/javascript' src='../../../three.js/build/ar-threex-location-only.js'></script> <script type='text/javascript' src='../../build/aframe-ar.js'></script> <script src='index.js'></script> </head> <body> <a-scene vr-mode-ui='enabled: false' arjs='sourceType: webcam; videoTexture: true; debugUIEnabled: false' renderer='antialias: true; alpha: true'> <!-- <a-camera gps-new-camera='gpsMinDistance: 5' look-controls-enabled='false' arjs-device-orientation-controls></a-camera> --> <a-camera gps-new-camera='gpsMinDistance: 5'></a-camera> </a-scene> <div id='setloc' style='position:absolute; left: 10px; bottom: 2%; z-index:999; background-color: blue; color: white; padding: 10px'> Lat:<input id="lat" value="51.049" /> Lon: <input id="lon" value="-0.723"/> Min Acc: <input id='minacc' value='1000' /> <input type='button' id='go' value='go' /> </div> </body> </html>