Hintergrundkarten verändert

main.js

@@ -185,27 +185,31 @@ function changeBaseMap(newMap){
       "raster-tiles": {
         type: "raster",
         tiles: [
-          "https://mt0.google.com/vt/lyrs=s&x={x}&y={y}&z={z}",
-          "https://mt1.google.com/vt/lyrs=s&x={x}&y={y}&z={z}",
-          "https://mt2.google.com/vt/lyrs=s&x={x}&y={y}&z={z}",
-          "https://mt3.google.com/vt/lyrs=s&x={x}&y={y}&z={z}",
+          "https://api.maptiler.com/tiles/satellite-v2/{z}/{x}/{y}.jpg?key=6mG881AthmTTWyLvFyjH"
         ],
         tileSize: 256,
+        attribution: "© MapTiler",
+        maxzoom: 20
+      }
     },
-    },
-    layers: [{ id: "raster-layer", type: "raster", source: "raster-tiles" }],
+    layers: [
+      {
+        id: "satellite-layer",
+        type: "raster",
+        source: "raster-tiles"
+      }
+    ]
   }
     break;
   case "terrain":
     basemapStyle = {
         version: 8,
         sources: {
-            osm: {
+            topo: {
         type: 'raster',
-                tiles: ['https://a.tile.openstreetmap.org/{z}/{x}/{y}.png'],
+        url: 'https://api.maptiler.com/maps/topo-v4/tiles.json?key=6mG881AthmTTWyLvFyjH',
         tileSize: 256,
-                attribution: '© OpenStreetMap Contributors',
-                maxzoom: 19
+        maxzoom: 20
       },
             // Use a different source for terrain and hillshade layers, to improve render quality
             terrainSource: {
@@ -219,9 +223,9 @@ function changeBaseMap(newMap){
         },
         layers: [
             {
-                id: 'osm',
+                id: 'topo',
                 type: 'raster',
-                source: 'osm'
+                source: 'topo'
             },
             {
                 id: 'hills',
@@ -242,17 +246,14 @@ function changeBaseMap(newMap){
       basemapStyle =  {
         version: 8,
         sources: {
-            osm: {
-                type: 'raster',
+             "raster-tiles": {
+        type: "raster",
         tiles: [
-                  "https://mt0.google.com/vt/lyrs=s&x={x}&y={y}&z={z}",
-                  "https://mt1.google.com/vt/lyrs=s&x={x}&y={y}&z={z}",
-                  "https://mt2.google.com/vt/lyrs=s&x={x}&y={y}&z={z}",
-                  "https://mt3.google.com/vt/lyrs=s&x={x}&y={y}&z={z}",
+          "https://api.maptiler.com/tiles/satellite-v2/{z}/{x}/{y}.jpg?key=6mG881AthmTTWyLvFyjH"
         ],
         tileSize: 256,
-                attribution: '© OpenStreetMap Contributors',
-                maxzoom: 19
+        attribution: "© MapTiler",
+        maxzoom: 20
       },
             // Use a different source for terrain and hillshade layers, to improve render quality
             terrainSource: {
@@ -266,9 +267,9 @@ function changeBaseMap(newMap){
         },
         layers: [
             {
-                id: 'osm',
+                id: 'raster-tiles',
                 type: 'raster',
-                source: 'osm'
+                source: 'raster-tiles'
             },
             {
                 id: 'hills',