refactor

js/map.js

@@ -374,6 +374,17 @@ function requestSensors () {
   }
 }
 
+/**
+ * Hande the device motion
+ * @param {DeviceMotionEvent} event
+ */
+function handleMotion (event) {
+  if (motionArray.length >= motionArrayLength) {
+    motionArray.shift()
+  }
+  motionArray.push([event.acceleration.x, event.acceleration.y, event.acceleration.z])
+}
+
 /**
  * Hande the device orientation
  * @param {DeviceOrientationEvent} event
@@ -399,17 +410,6 @@ function handleOrientation (event) {
   }
 }
 
-/**
- * Hande the device motion
- * @param {DeviceMotionEvent} event
- */
-function handleMotion (event) {
-  if (motionArray.length >= motionArrayLength) {
-    motionArray.shift()
-  }
-  motionArray.push([event.acceleration.x, event.acceleration.y, event.acceleration.z])
-}
-
 function endOfMapMovement (e) {
   if (typeof compassSymbol !== 'undefined') {
     const mapCenter = map.getCenter()
@@ -448,16 +448,16 @@ window.toggleCompass = () => {
 }
 
 function activateCompass () {
-  window.addEventListener('deviceorientation', handleOrientation)
   window.addEventListener('devicemotion', handleMotion)
+  window.addEventListener('deviceorientation', handleOrientation)
   map.touchRotate.disable()
   compassSymbol.innerHTML = 'explore'
   compass = true
 }
 
 function deactivateCompass () {
-  window.removeEventListener('deviceorientation', handleOrientation)
   window.removeEventListener('devicemotion', handleMotion)
+  window.removeEventListener('deviceorientation', handleOrientation)
   map.touchRotate.enable()
   compassSymbol.innerHTML = 'near_me'
   compass = false