added arrow

app/templates/base.html

@@ -15,7 +15,7 @@
     <script src="/static/js/leaflet-knn.min.js"></script>
     <script src="/static/js/leaflet.geometryutil.js"></script>
     <script type="text/javascript" src="/static/js/jquery.min.js"></script>
-    <script src="https://unpkg.com/mic-recorder-to-mp3"></script>
+    <script src="/static/js/recorderToMp3.js"></script>
     <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
     <title>GEO</title>
 

app/templates/home.html

@@ -184,6 +184,8 @@
       "<br>Longitude: " + crd.longitude +
       "<br>Distance to TENT: " + distance(target.longitude, target.latitude, crd.longitude, crd.latitude);
     
+      locationHandler(pos);
+
       // if we want to clear the watch
       // if (target.latitude === crd.latitude && target.longitude === crd.longitude) {
       //   console.log('Congratulations, you reached the target');
@@ -344,7 +346,7 @@
 
     function init() {
       startBtn.addEventListener("click", startCompass);
-      navigator.geolocation.getCurrentPosition(locationHandler);
+      // navigator.geolocation.getCurrentPosition(locationHandler);
 
       if (!isIOS) {
         window.addEventListener("deviceorientationabsolute", handler, true);