Add satellite map theme

www/assets/js/map_mapbox.js

@@ -16,7 +16,7 @@ function mapboxMap() {
 
     $("#mapbox").css("background-color", SETTINGS.maptileurls[getStorage("mapsource")].bgcolor);
 
-    mapboxgl.accessToken = '';
+    mapboxgl.accessToken = SETTINGS.mapboxpublictoken;
     var map = new mapboxgl.Map({
         container: 'mapbox',
         style: SETTINGS.maptileurls[getStorage("mapsource")].json,

www/settings.js

@@ -26,6 +26,12 @@ var SETTINGS = {
             name: "Terrain",
             bgcolor: "#EDF5F3"
         },
+        satellite: {
+          url: "https://api.mapbox.com/styles/v1/mapbox/satellite-streets-v11/tiles/{z}/{x}/{y}?access_token={mapboxpublictoken}",
+          json: "mapbox://styles/mapbox/satellite-streets-v11",
+          name: "Satellite",
+          bgcolor: "#EDF5F3"
+        },
         fiord: {
             url: "https://maps.netsyms.net/styles/fiord-color/{z}/{x}/{y}.png",
             json: "https://maps.netsyms.net/styles/fiord-color/style.json",
@@ -39,6 +45,7 @@ var SETTINGS = {
             bgcolor: "#000000"
         }
     },
+    mapboxpublictoken: "{mapboxpublictoken}",
     alertsounds: {
         coin: {
             name: "Coin",