Mercurial > lbo > hg > geohub

changeset 104:ea32bfe4de7f

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Livemap: Show speed
author Lewin Bormann <lbo@spheniscida.de>
date Fri, 25 Dec 2020 10:32:40 +0100
parents d84de437f00c
children 44b0d141fcea
files assets/livemap.html
diffstat 1 files changed, 9 insertions(+), 2 deletions(-) [+]
line wrap: on
line diff
--- a/assets/livemap.html	Sat Dec 19 11:54:10 2020 +0100
+++ b/assets/livemap.html	Fri Dec 25 10:32:40 2020 +0100
@@ -18,6 +18,7 @@
     </div>
     <div id="infoFields" class="timeChanged">
         <b>Last Update:</b> <span id="outputLastUpdate"> </span>
+        <b>Speed:</b> <span id="outputSpeed">0</span>&nbsp;km/h
         <b>Download:</b> <a href="" id="gpxDownloadLink">GPX</a> <a href="" id="jsonDownloadLink">JSON</a>
     </div>
 
@@ -116,7 +117,7 @@
                 mymap.setView([coords[1], coords[0]], mapZoomed ? mymap.getZoom() : 13);
                 mapZoomed = true;
 
-                updateUI(lastfeature.properties.time);
+                updateUI(lastfeature.properties.time, lastfeature.properties);
             }
 
             // Install next XHR.
@@ -164,7 +165,7 @@
         lastXHR = xhr;
     }
 
-    function updateUI(time) {
+    function updateUI(time, locProperties) {
         if (time) {
             var timefield = document.getElementById('outputLastUpdate');
             var infofields = document.getElementById('infoFields');
@@ -174,6 +175,12 @@
             infofields.style.animation = null;
             timefield.textContent = (new Date(time)).toString().replace(/\([\w\s]+\)/,'');
         }
+        let speedField = document.getElementById('outputSpeed');
+        if (locProperties && locProperties.speed) {
+            speedField.textContent = locProperties.speed.toString();
+        } else {
+            speedField.textContent = '0';
+        }
     }
     function updateLinks() {
         var gpxLink = document.getElementById('gpxDownloadLink');