Add useAltitude option with comments out

Author: ma2yama

three.js/examples/location-based/index.js

@@ -10,10 +10,11 @@ function main() {
 
     const geom = new THREE.BoxGeometry(20,20,20);
 
-    const arjs = new LocationBased(scene, camera);
+    const useAltitude = false;
+    const arjs = new LocationBased(scene, camera, { useAltitude });
 
     // You can change the minimum GPS accuracy needed to register a position - by default 1000m
-    //const arjs = new LocationBased(scene, camera. { gpsMinAccuracy: 30 } );
+    //const arjs = new LocationBased(scene, camera, { gpsMinAccuracy: 30 } );
     const cam = new WebcamRenderer(renderer, '#video1');
 
     const mouseStep = THREE.MathUtils.degToRad(5);
@@ -44,7 +45,7 @@ function main() {
 
     arjs.on("gpsupdate", pos => {
         if(first) {
-            setupObjects(pos.coords.longitude, pos.coords.latitude);
+            setupObjects(pos.coords.longitude, pos.coords.latitude, useAltitude && pos.coords.altitude != null ? pos.coords.altitude : undefined);
             first = false;
         }
     });
@@ -119,16 +120,17 @@ function main() {
         camera.updateProjectionMatrix();
     }
 
-    function setupObjects(longitude, latitude) {
+    function setupObjects(longitude, latitude, altitude = 0) {
         // Use position of first GPS update (fake or real)
         const material = new THREE.MeshBasicMaterial({color: 0xff0000});
         const material2 = new THREE.MeshBasicMaterial({color: 0xffff00});
         const material3 = new THREE.MeshBasicMaterial({color: 0x0000ff});
         const material4 = new THREE.MeshBasicMaterial({color: 0x00ff00});
-        arjs.add(new THREE.Mesh(geom, material), longitude, latitude + 0.001); // slightly north
-        arjs.add(new THREE.Mesh(geom, material2), longitude, latitude - 0.001); // slightly south
-        arjs.add(new THREE.Mesh(geom, material3), longitude - 0.001, latitude); // slightly west
-        arjs.add(new THREE.Mesh(geom, material4), longitude + 0.001, latitude); // slightly east
+
+        arjs.add(new THREE.Mesh(geom, material), longitude, latitude + 0.001, altitude); // slightly north
+        arjs.add(new THREE.Mesh(geom, material2), longitude, latitude - 0.001, altitude); // slightly south
+        arjs.add(new THREE.Mesh(geom, material3), longitude - 0.001, latitude, altitude); // slightly west
+        arjs.add(new THREE.Mesh(geom, material4), longitude + 0.001, latitude, altitude); // slightly east
     }
 
     requestAnimationFrame(render);