Add slope classes to swisstopo map

src/assets/swisstopo.json

@@ -32,28 +32,40 @@
       "tiles": [
         "https://wmts.geo.admin.ch/1.0.0/ch.swisstopo-karto.skitouren/default/current/3857/{z}/{x}/{y}.png"
       ],
-      "tileSize": 256
+      "tileSize": 256,
+      "maxzoom": 17
     },
     "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
+      "tileSize": 256,
+      "maxzoom": 17
     },
     "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
+      "tileSize": 256,
+      "maxzoom": 18
     },
     "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
+      "tileSize": 256,
+      "maxzoom": 18
+    },
+    "slope_classes": {
+      "type": "raster",
+      "tiles": [
+        "https://wmts.geo.admin.ch/1.0.0/ch.swisstopo.hangneigung-ueber_30/default/current/3857/{z}/{x}/{y}.png"
+      ],
+      "tileSize": 256,
+      "maxzoom": 16
     },
     "summits": {
       "type": "vector",
@@ -136,6 +148,19 @@
         "raster-resampling": "linear"
       }
     },
+    {
+      "id": "slope_classes",
+      "type": "raster",
+      "metadata": {
+        "sotlas-map-option": "slope_classes"
+      },
+      "source": "slope_classes",
+      "layout": {"visibility": "none"},
+      "paint": {
+        "raster-opacity": 0.3,
+        "raster-resampling": "linear"
+      }
+    },
     {
       "id": "contour_line",
       "type": "line",

src/components/MapOptionsControl.vue

@@ -31,6 +31,9 @@
           <b-field>
             <b-checkbox v-model="mapOptions.snowshoe" size="is-small" @input="setMapOption('snowshoe', $event)">Schneeschuhrouten</b-checkbox>
           </b-field>
+          <b-field>
+            <b-checkbox v-model="mapOptions.slope_classes" size="is-small" @input="setMapOption('slope_classes', $event)">Hangneigungsklassen über 30°</b-checkbox>
+          </b-field>
           <b-field>
             <b-checkbox v-model="mapOptions.wildlife" size="is-small" @input="setMapOption('wildlife', $event)">Wildruhezonen und Schutzgebiete</b-checkbox>
           </b-field>

src/components/SwisstopoInfo.vue

@@ -14,6 +14,7 @@
         <ul>
           <li>Skitourenrouten</li>
           <li>Schneeschuhrouten</li>
+          <li>Hangneigungsklassen über 30°</li>
           <li>Wildschutzgebiete</li>
         </ul>
       </div>