Add more swisstopo layers, and use hiking trails raster layer for zoom levels < 14 to fill in for missing vector data

src/assets/swisstopo.json

@@ -20,6 +20,41 @@
       "minzoom": 0,
       "maxzoom": 19
     },
+    "hiking_trails_raster": {
+      "type": "raster",
+      "tiles": [
+        "https://wmts.geo.admin.ch/1.0.0/ch.swisstopo.swisstlm3d-wanderwege/default/current/3857/{z}/{x}/{y}.png"
+      ],
+      "tileSize": 256
+    },
+    "skiing_trails_raster": {
+      "type": "raster",
+      "tiles": [
+        "https://wmts.geo.admin.ch/1.0.0/ch.swisstopo-karto.skitouren/default/current/3857/{z}/{x}/{y}.png"
+      ],
+      "tileSize": 256
+    },
+    "snowshoe_trails_raster": {
+      "type": "raster",
+      "tiles": [
+        "https://wmts.geo.admin.ch/1.0.0/ch.swisstopo-karto.schneeschuhrouten/default/current/3857/{z}/{x}/{y}.png"
+      ],
+      "tileSize": 256
+    },
+    "wildlife_areas": {
+      "type": "raster",
+      "tiles": [
+        "https://wmts.geo.admin.ch/1.0.0/ch.bafu.wrz-wildruhezonen_portal/default/current/3857/{z}/{x}/{y}.png"
+      ],
+      "tileSize": 256
+    },
+    "wildlife_reserves": {
+      "type": "raster",
+      "tiles": [
+        "https://wmts.geo.admin.ch/1.0.0/ch.bafu.wrz-jagdbanngebiete_select/default/current/3857/{z}/{x}/{y}.png"
+      ],
+      "tileSize": 256
+    },
     "summits": {
       "type": "vector",
       "url": "https://1.{mapServer}.map.sotl.as/data/summits.json"
@@ -75,6 +110,32 @@
         "raster-resampling": "nearest"
       }
     },
+    {
+      "id": "wildlife_areas",
+      "type": "raster",
+      "metadata": {
+        "sotlas-map-option": "wildlife"
+      },
+      "source": "wildlife_areas",
+      "layout": {"visibility": "none"},
+      "paint": {
+        "raster-opacity": 0.6,
+        "raster-resampling": "linear"
+      }
+    },
+    {
+      "id": "wildlife_reserves",
+      "type": "raster",
+      "metadata": {
+        "sotlas-map-option": "wildlife"
+      },
+      "source": "wildlife_reserves",
+      "layout": {"visibility": "none"},
+      "paint": {
+        "raster-opacity": 0.6,
+        "raster-resampling": "linear"
+      }
+    },
     {
       "id": "contour_line",
       "type": "line",
@@ -1810,6 +1871,46 @@
         "line-width": {"base": 1.2, "stops": [[12, 0.5], [14, 2], [20, 12]]}
       }
     },
+    {
+      "id": "hiking_trails_raster",
+      "type": "raster",
+      "maxzoom": 14,
+      "metadata": {
+        "sotlas-map-option": "difficulty"
+      },
+      "source": "hiking_trails_raster",
+      "layout": {"visibility": "none"},
+      "paint": {
+        "raster-opacity": 0.6,
+        "raster-resampling": "linear"
+      }
+    },
+    {
+      "id": "skiing_trails_raster",
+      "type": "raster",
+      "metadata": {
+        "sotlas-map-option": "skiing"
+      },
+      "source": "skiing_trails_raster",
+      "layout": {"visibility": "none"},
+      "paint": {
+        "raster-opacity": 0.6,
+        "raster-resampling": "linear"
+      }
+    },
+    {
+      "id": "snowshoe_trails_raster",
+      "type": "raster",
+      "metadata": {
+        "sotlas-map-option": "snowshoe"
+      },
+      "source": "snowshoe_trails_raster",
+      "layout": {"visibility": "none"},
+      "paint": {
+        "raster-opacity": 0.6,
+        "raster-resampling": "linear"
+      }
+    },
     {
       "id": "building_ln",
       "type": "line",

src/components/MapOptionsControl.vue

@@ -19,9 +19,22 @@
         <b-field>
           <b-checkbox v-model="mapOptions.hillshading" size="is-small" @input="setMapOption('hillshading', $event)">Hillshading</b-checkbox>
         </b-field>
+      </div>
+      <div class="map-option">
         <b-field>
           <b-checkbox v-model="mapOptions.difficulty" size="is-small" @input="setMapOption('difficulty', $event)">Hiking difficulty</b-checkbox>
         </b-field>
+        <b-field>
+          <b-checkbox v-if="mapType == 'swisstopo'" v-model="mapOptions.skiing" size="is-small" @input="setMapOption('skiing', $event)">Back-country skiing routes</b-checkbox>
+        </b-field>
+        <b-field>
+          <b-checkbox v-if="mapType == 'swisstopo'" v-model="mapOptions.snowshoe" size="is-small" @input="setMapOption('snowshoe', $event)">Snowshoe routes</b-checkbox>
+        </b-field>
+        <b-field>
+          <b-checkbox v-if="mapType == 'swisstopo'" v-model="mapOptions.wildlife" size="is-small" @input="setMapOption('wildlife', $event)">Wildlife reserves</b-checkbox>
+        </b-field>
+      </div>
+      <div class="map-option">
         <b-field>
           <b-checkbox v-model="mapOptions.spots" size="is-small" @input="setMapOption('spots', $event)">Recent spots</b-checkbox>
         </b-field>