新增灰色系的地图底图，作为默认图层

src/app/OlMap/Controls/BaseLayers.tsx

@@ -3,6 +3,7 @@ import { useMap } from "../MapComponent";
 import TileLayer from "ol/layer/Tile.js";
 import XYZ from "ol/source/XYZ.js";
 import mapboxOutdoors from "@assets/map/layers/mapbox-outdoors.png";
+import mapboxLight from "@assets/map/layers/mapbox-light.png";
 import mapboxSatellite from "@assets/map/layers/mapbox-satellite.png";
 import mapboxSatelliteStreet from "@assets/map/layers/mapbox-satellite-streets.png";
 import mapboxStreets from "@assets/map/layers/mapbox-streets.png";
@@ -10,7 +11,7 @@ import clsx from "clsx";
 import Group from "ol/layer/Group";
 import { MAPBOX_TOKEN } from "@config/config";
 import { TIANDITU_TOKEN } from "@config/config";
-const INITIAL_LAYER = "mapbox-outdoors";
+const INITIAL_LAYER = "mapbox-light";
 
 const streetsLayer = new TileLayer({
   source: new XYZ({
@@ -22,9 +23,9 @@ const streetsLayer = new TileLayer({
       '数据来源：<a href="https://www.mapbox.com/">Mapbox</a> & <a href="https://www.openstreetmap.org/">OpenStreetMap</a>',
   }),
 });
-const outdoorsLayer = new TileLayer({
+const lightMapLayer = new TileLayer({
   source: new XYZ({
-    url: `https://api.mapbox.com/styles/v1/mapbox/outdoors-v12/tiles/256/{z}/{x}/{y}@2x?access_token=${MAPBOX_TOKEN}`,
+    url: `https://api.mapbox.com/styles/v1/mapbox/light-v11/tiles/256/{z}/{x}/{y}@2x?access_token=${MAPBOX_TOKEN}`,
     tileSize: 512,
     maxZoom: 20,
     projection: "EPSG:3857",
@@ -89,11 +90,11 @@ const tiandituImageLayerGroup = new Group({
 });
 const baseLayers = [
   {
-    id: "mapbox-outdoors",
+    id: "mapbox-light",
-    name: "户外地图",
+    name: "默认地图",
-    layer: outdoorsLayer,
+    layer: lightMapLayer,
     // layer: tiandituVectorLayerGroup,
-    img: mapboxOutdoors.src,
+    img: mapboxLight.src,
   },
   {
     id: "mapbox-satellite",