fix for #398 imperial units on leaflet

Author: xssfox

js/app.js

@@ -850,6 +850,18 @@ $(window).ready(function() {
                 else focusVehicle(null, true);
                 break;
             case "opt_imperial":
+                if (map_scale){
+                    map_scale.remove()
+                }
+                // we need to remove and add the zoom controls so they  end up in the same position
+                zoom_controls.remove()
+                if (on) {
+                    map_scale = L.control.scale({position:'bottomright', imperial:true, metric:false}).addTo(map);
+                } else {
+                    map_scale = L.control.scale({position:'bottomright', imperial:false}).addTo(map);
+                }
+                zoom_controls.addTo(map);
+
             case "opt_haxis_hours":
                 refreshUI();
                 break;

js/sondehub.js

@@ -868,10 +868,15 @@ function load() {
     L.control.status({ position: 'bottomright' }).addTo(map);
 
     // scale (would be better if integrated into attirbution bar)
-    L.control.scale({position:'bottomright', imperial:false}).addTo(map);
+    if (offline.get('opt_imperial')){
+        map_scale = L.control.scale({position:'bottomright', imperial:true, metric:false}).addTo(map);
+    } else {
+        map_scale = L.control.scale({position:'bottomright', imperial:false}).addTo(map);
+    }
+    
 
     // zoom controls
-    new L.Control.Zoom({ position: 'bottomright' }).addTo(map);
+    zoom_controls = new L.Control.Zoom({ position: 'bottomright' }).addTo(map);
 
     // map selector
     layers = L.control.layers(baseMaps, null, {position: "topleft"}).addTo(map);