Put some constants in new settings.js, add Fiord map style (close #7)

config.xml

@@ -33,4 +33,5 @@
     <plugin name="cordova-plugin-whitelist" spec="1" />
     <plugin name="at.gofg.sportscomputer.powermanagement" spec="~1.1.0" />
     <plugin name="cordova-plugin-inappbrowser" spec="~3.1.0" />
+    <engine name="android" spec="^8.0.0" />
 </widget>

www/assets/js/manage.js

@@ -67,7 +67,7 @@ $("#addpackagebtn").click(function () {
     }
 
     var address = ($("input[name=number]").val() + " " + $("input[name=street]").val()).toUpperCase();
-    $.getJSON(geocodeapi, {
+    $.getJSON(SETTINGS.geocodeapi, {
         address: address + " " + $("input[name=citystate]").val().toUpperCase()
     }, function (resp) {
         if (resp.status == "OK") {

www/assets/js/map_leaflet.js

@@ -14,26 +14,20 @@ function leafletMap() {
         attributionControl: false
     });
 
-    var mapSources = {
-        "offline": 'assets/tiles/{z}/{x}/{y}.png',
-        "liberty": 'https://maps.netsyms.net/styles/osm-liberty/{z}/{x}/{y}.png',
-        "terrain": 'https://maps.netsyms.net/styles/klokantech-terrain/{z}/{x}/{y}.png'
-    };
-
     if (localStorage.getItem("mapsource") == null) {
-        localStorage.setItem("mapsource", "offline");
+        localStorage.setItem("mapsource", "liberty");
     }
 
     if (localStorage.getItem("mapsource") == "offline") {
         map.setMaxBounds(L.latLngBounds(L.latLng(46.7384, -112.1429), L.latLng(46.5127, -111.7557)));
         map.setMinZoom(12);
         map.setMaxZoom(16);
-        L.tileLayer(mapSources[localStorage.getItem("mapsource")], {
+        L.tileLayer(SETTINGS.maptileurls[localStorage.getItem("mapsource")], {
             minZoom: 12,
             maxZoom: 16
         }).addTo(map);
     } else {
-        L.tileLayer(mapSources[localStorage.getItem("mapsource")], {
+        L.tileLayer(SETTINGS.maptileurls[localStorage.getItem("mapsource")], {
             minZoom: 1,
             maxZoom: 19
         }).addTo(map);

www/assets/js/settings.js

@@ -117,6 +117,9 @@ function pickMapSource() {
             {
                 text: 'Terrain' + (currentmapsource == "terrain" ? " (current)" : ""),
             },
+            {
+                text: 'Dark Fiord' + (currentmapsource == "fiord" ? " (current)" : ""),
+            },
             {
                 text: 'Cancel',
                 color: 'red'
@@ -135,6 +138,9 @@ function pickMapSource() {
                 case 2:
                     mapsource = "terrain";
                     break;
+                case 3:
+                    mapsource = "fiord";
+                    break;
                 default:
                     return;
             }

www/index.html

@@ -19,16 +19,14 @@
 
 </div>
 
-<script>
-    var geocodeapi = "https://apis.netsyms.net/packagehelper/geocode.php";
-</script>
-
 <script src="node_modules/framework7/js/framework7.bundle.min.js"></script>
 <script src="node_modules/jquery/dist/jquery.min.js"></script>
 <script src="node_modules/leaflet/dist/leaflet.js"></script>
 <script src="node_modules/leaflet.markercluster/dist/leaflet.markercluster.js"></script>
 <script src="node_modules/leaflet.locatecontrol/dist/L.Control.Locate.min.js"></script>
 
+<script src="settings.js"></script>
+
 <script src="assets/js/platform.js"></script>
 
 <script src="assets/js/audio.js"></script>

www/settings.js

@@ -0,0 +1,9 @@
+var SETTINGS = {
+    "maptileurls": {
+        "offline": "assets/tiles/{z}/{x}/{y}.png",
+        "liberty": "https://maps.netsyms.net/styles/osm-liberty/{z}/{x}/{y}.png",
+        "terrain": "https://maps.netsyms.net/styles/klokantech-terrain/{z}/{x}/{y}.png",
+        "fiord": "https://maps.netsyms.net/styles/fiord-color/{z}/{x}/{y}.png"
+    },
+    "geocodeapi": "https://apis.netsyms.net/packagehelper/geocode.php"
+}