-
Notifications
You must be signed in to change notification settings - Fork 0
/
locatieAR.html
33 lines (26 loc) · 1.32 KB
/
locatieAR.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!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/0.9.2/aframe.min.js'></script>
<script src="https://raw.githack.com/jeromeetienne/AR.js/master/aframe/build/aframe-ar.min.js"></script>
<script src="https://raw.githack.com/donmccurdy/aframe-extras/master/dist/aframe-extras.loaders.min.js"></script>
<script>
THREEx.ArToolkitContext.baseURL = 'https://raw.githack.com/jeromeetienne/ar.js/master/three.js/'
</script>
</head>
<body style='margin: 0; overflow: hidden;'>
<a-scene vr-mode-ui="enabled: false" embedded
arjs='sourceType: webcam; sourceWidth:1280; sourceHeight:960; displayWidth: 1280; displayHeight: 960; debugUIEnabled: false;'>
<a-assets>
<img id="KaartBelgieBasis" src="images/KaartBelgieBasis.svg" />
</a-assets>
<a-plane id="plane0" position="0 0 0" rotation="-90 0 0" scale="2 2 2" material="src: #KaartBelgieBasis;"
gps-entity-place="longitude: 3.708050; latitude: 51.041960;"></a-plane>
<a-entity gltf-model=#hoogtekaart1 gps-entity-place="longitude: 3.708050; latitude: 51.041960;"
animation-mixer />
<a-camera gps-camera rotation-reader></a-camera>
</a-scene>
</body>