hotline

application/assets/js/module.js

@@ -87,6 +87,36 @@ const module = (() => {
     return result;
   };
 
+  var polylineGroup = L.layerGroup().addTo(map);
+
+  let hotline = (data) => {
+    // Create a color scale for the altitude values
+    var colorScale = d3
+      .scaleLinear()
+      .domain([
+        0,
+        d3.max(data, function (d) {
+          return d.alt;
+        }),
+      ]) // Altitude range
+      .range(["blue", "red"]); // Color range
+
+    // Loop through the coordinates using forEach
+    data.forEach(function (coord, index, array) {
+      if (index < array.length - 1) {
+        var segmentCoords = [
+          [coord.lat, coord.lng],
+          [array[index + 1].lat, array[index + 1].lng],
+        ];
+
+        var altitude = coord.alt;
+        var color = colorScale(altitude);
+
+        L.polyline(segmentCoords, { color: color }).addTo(polylineGroup);
+      }
+    });
+  };
+
   /////////////////////////
   /////Load GPX///////////
   ///////////////////////
@@ -868,6 +898,8 @@ const module = (() => {
           timestamp: ts.toISOString(),
         });
 
+        hotline(tracking_cache);
+
         // Update the view with tracking data
 
         if (tracking_cache.length > 2) {

application/index.html

@@ -830,6 +830,7 @@ <h2>Thank You!</h2>
     <script src="http://127.0.0.1/api/v1/shared/core.js"></script>
     <script src="http://127.0.0.1/api/v1/shared/session.js"></script>
     <script src="http://127.0.0.1/api/v1/apps/service.js"></script>
+
     <script defer src="assets/js/keepalive.js"></script>
     <script defer src="assets/js/osm.js"></script>
 
@@ -840,6 +841,9 @@ <h2>Thank You!</h2>
     <script defer src="assets/js/applait.finder.min.js"></script>
     <script defer src="assets/js/olc.js"></script>
     <script defer src="assets/js/leaflet.js"></script>
+    <script defer src="assets/js/d3.v7.min.js"></script>
+
+
     <script defer src="assets/js/GeometryUtil.js"></script>
     <script defer src="assets/js/pouchdb_7.3.0_pouchdb.min.js"></script>
 
@@ -862,5 +866,8 @@ <h2>Thank You!</h2>
     <script defer src="assets/js/openweather.js"></script>
     <script defer src="assets/js/togpx.js"></script>
 
+    <script  src="assets/js/hotline.js"></script>
+
+
   </body>
 </html>

application/manifest.webapp

@@ -1,5 +1,5 @@
   {
-  "version": "1.9.72",
+  "version": "1.9.721",
   "version_name": "together we are strong",
   "name": "o.map",
   "description": "O.map, your ultimate navigation companion for KaiOS-powered devices. O.map is a lightweight and feature-rich map application designed specifically for KaiOS, enabling you to explore and navigate the world with ease. Whether you're a local resident, a tourist, or an adventurer, O.map is here to enhance your journey and keep you on the right track.",

docs/manifest.webapp

@@ -1,5 +1,5 @@
   {
-  "version": "1.9.72",
+  "version": "1.9.721",
   "version_name": "together we are strong",
   "name": "o.map",
   "description": "O.map, your ultimate navigation companion for KaiOS-powered devices. O.map is a lightweight and feature-rich map application designed specifically for KaiOS, enabling you to explore and navigate the world with ease. Whether you're a local resident, a tourist, or an adventurer, O.map is here to enhance your journey and keep you on the right track.",