diff --git a/src/app/OlMap/Controls/BaseLayers.tsx b/src/app/OlMap/Controls/BaseLayers.tsx
index 6dfc9e6..13692ae 100644
--- a/src/app/OlMap/Controls/BaseLayers.tsx
+++ b/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({
'数据来源:Mapbox & OpenStreetMap',
}),
});
-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",
- name: "户外地图",
- layer: outdoorsLayer,
+ id: "mapbox-light",
+ name: "默认地图",
+ layer: lightMapLayer,
// layer: tiandituVectorLayerGroup,
- img: mapboxOutdoors.src,
+ img: mapboxLight.src,
},
{
id: "mapbox-satellite",
diff --git a/src/assets/map/layers/mapbox-light.png b/src/assets/map/layers/mapbox-light.png
new file mode 100644
index 0000000..184d4d2
Binary files /dev/null and b/src/assets/map/layers/mapbox-light.png differ