csk-gis-frame-work 4.0.0

package/baseSetting/gis-data/sources_layers.js

@@ -0,0 +1,2002 @@
+import mapConfig from "../../baseSetting/config/mapConfig.js";
+
+/**
+ * 2D/2.5D图层配置(全局图层管理器入口)
+ */
+const LayerConfig = {
+    Layers: []
+};
+
+const base_sources = {
+    tdt_base: {
+        type: 'raster',
+        tiles: [
+            mapConfig.mapUrl + '/gis-data/china_3857/{z}/{x}/{y}.png'
+        ],
+        tileSize: 256,
+        minzoom: 0,
+        maxzoom: 18,
+        scheme: 'xyz', // 显式指定
+        overzoom: true
+    }
+}
+
+/**
+ * 深色数据源列表
+ */
+const Dark_Sources = [
+    // 底图
+    {
+        id: 'china',
+        type: 'vector',
+        minZoom: 0,
+        maxZoom: 19,
+        scheme: 'tms',
+        workspace: 'mango',
+        geoLayer: '中华人民共和国_市县'
+    },
+    {
+        id: 'shanghai',
+        type: 'vector',
+        minZoom: 0,
+        maxZoom: 19,
+        scheme: 'tms',
+        workspace: 'mango',
+        geoLayer: '上海市区域'
+    },
+    {
+        id: 'mango_base',
+        type: 'vector',
+        minZoom: 5,
+        maxZoom: 19,
+        scheme: 'tms',
+        workspace: 'mango',
+        geoLayer: 'mango_base'
+    },
+]
+
+/**
+ * 深色图层列表
+ */
+const Dark_Layers = [
+    /** 地图背景 **/
+    {
+        id: "background",
+        type: "background",
+        paint: {
+            "background-color": "#003452"
+        },
+        interactive: false
+    },
+    /** **/
+    //中国
+    {
+        type: "fill",
+        id: "china_province",
+        source: "china",
+        "source-layer": "中华人民共和国_省",
+        minzoom: 0,
+        maxzoom: 5,
+        layout: {
+            visibility: "visible",
+        },
+        paint: {
+            "fill-color": "#080C13",
+            "fill-outline-color": "#264C65",
+            "fill-opacity": 1
+        },
+        interactive: false
+    },
+    // 中国省份
+    {
+        type: "fill",
+        id: "china_country",
+        source: "china",
+        "source-layer": "中华人民共和国",
+        minzoom: 5,
+        maxzoom: 15,
+        layout: {
+            visibility: "visible",
+        },
+        paint: {
+            "fill-color": "#080C13",
+            "fill-outline-color": "#264C65",
+            "fill-opacity": 1
+        },
+        interactive: false
+    },
+
+    // 上海市
+    {
+        type: "fill",
+        id: "shanghai",
+        source: "shanghai",
+        "source-layer": "上海市",
+        minzoom: 15,
+        maxZoom: 19,
+        layout: {
+            visibility: "visible",
+        },
+        paint: {
+            "fill-color": "#071221",
+            "fill-opacity": 1,
+        },
+        interactive: false
+    },
+
+    /*绿地*/
+    {
+        type: "fill",
+        id: "mango_landuse_a",
+        source: "shanghai",
+        "source-layer": "上海土地使用",
+        minzoom: 8,
+        filter: [
+            "in",
+            "fclass",
+            "nature_reserve",
+            "park",
+            "grass"
+        ],
+        layout: {
+            visibility: "visible",
+        },
+        paint: {
+            "fill-color": "#0C223F",
+            "fill-opacity": 0.8
+        },
+        interactive: false
+    },
+
+    // 水系面
+    {
+        type: "fill",
+        id: "mango_water_a",
+        source: "shanghai",
+        "source-layer": "上海市水域",
+        filter: [
+            "in",
+            "fclass",
+            "riverbank",
+            "water",
+            "wetland",
+            "reservoir"
+        ], // 筛选出 category 为 '1' 的数据
+        minzoom: 5,
+        layout: {
+            visibility: "visible",
+        },
+        paint: {
+            "fill-color": "#00364B"
+        },
+        interactive: false
+    },
+
+    // 建筑物面
+    {
+        type: "fill",
+        id: "mango_buildings_a",
+        source: "shanghai",
+        "source-layer": "上海市建筑轮廓",
+        minzoom: 12,
+        paint: {
+            "fill-color": "#0C223F",
+            "fill-opacity": 0.45,
+            "fill-outline-color": "#00192E",
+        },
+        interactive: false
+    },
+
+    // 水系线
+    {
+        type: "line",
+        id: "mango_waterways",
+        source: "shanghai",
+        "source-layer": "上海市水系水路",
+        minzoom: 9,
+        filter: [
+            "in",
+            "fclass",
+            "river",
+            "stream",
+            "canal"
+        ],
+        layout: {
+            "line-join": "round",
+            "line-cap": "round",
+            visibility: "visible",
+        },
+        paint: {
+            "line-color": "#00364B",
+            "line-width": {
+                base: 2,
+                stops: [
+                    [10, 1.5],
+                    [18, 17],
+                ]
+            },
+            "line-opacity": 0.75
+        },
+        interactive: false
+    },
+
+    /**为新的路网建立显示样式**/
+    /** 路网 **/
+    // 小路
+    {
+        type: "line",
+        id: "mango_road-footway-case",
+        source: "shanghai",
+        "source-layer": "上海市道路路网",
+        minzoom: 14,
+        filter: [
+            "in",
+            "fclass",
+            "path", "footway", "cycleway", "living_street", "pedestrian", "steps"
+        ],
+        layout: {
+            "line-cap": "round",
+            "line-join": "round",
+        },
+        paint: {
+            "line-color": "#0C223F",
+            "line-width": {
+                base: 1,
+                stops: [
+                    [14, 1],
+                    [18, 1.2],
+                ],
+            },
+            "line-opacity": 1.0,
+            "line-gap-width": {
+                base: 1,
+                stops: [
+                    [14, 0.75],
+                    [18, 18],
+                ],
+            },
+        },
+    },
+    {
+        type: "line",
+        id: "mango_road-footway",
+        source: "shanghai",
+        "source-layer": "上海市道路路网",
+        minzoom: 14,
+        filter: [
+            "in",
+            "fclass",
+            "path", "footway", "cycleway", "living_street", "pedestrian", "steps"
+        ],
+        layout: {
+            "line-cap": "round",
+            "line-join": "round",
+        },
+        paint: {
+            "line-color": "#0C223F",
+            "line-width": {
+                base: 1,
+                stops: [
+                    [14, 1],
+                    [18, 1.2],
+                ],
+            },
+            "line-opacity": 1.0,
+        },
+    },
+
+    // 住宅道路
+    {
+        type: "line",
+        id: "mango_road-residential-case",
+        source: "shanghai",
+        "source-layer": "上海市道路路网",
+        minzoom: 13,
+        filter: ["==", "fclass", "residential"],
+        layout: {
+            "line-cap": "round",
+            "line-join": "round",
+        },
+        paint: {
+            "line-color": "#0C223F",
+            "line-width": {
+                base: 1,
+                stops: [
+                    [14, 1],
+                    [18, 1.2],
+                ],
+            },
+            "line-opacity": 1.0,
+            "line-gap-width": {
+                base: 1,
+                stops: [
+                    [13, 0.75],
+                    [18, 22],
+                ],
+            },
+        },
+    },
+    {
+        type: "line",
+        id: "mango_road-residential",
+        source: "shanghai",
+        "source-layer": "上海市道路路网",
+        minzoom: 13,
+        filter: ["==", "fclass", "residential"],
+        layout: {
+            "line-cap": "round",
+            "line-join": "round",
+        },
+        paint: {
+            "line-color": "#0C223F",
+            "line-width": {
+                base: 1,
+                stops: [
+                    [13, 1],
+                    [18, 1.2],
+                ],
+            },
+            "line-opacity": 1.0,
+        },
+    },
+
+    // 内部道路
+    {
+        type: "line",
+        id: "mango_road-service-case",
+        source: "shanghai",
+        "source-layer": "上海市道路路网",
+        minzoom: 13,
+        filter: ["==", "fclass", "service"],
+        layout: {
+            "line-cap": "round",
+            "line-join": "round",
+        },
+        paint: {
+            "line-color": "#0C223F",
+            "line-width": {
+                base: 1,
+                stops: [
+                    [13, 1],
+                    [18, 1.2],
+                ],
+            },
+            "line-opacity": 1.0,
+            "line-gap-width": {
+                base: 1,
+                stops: [
+                    [13, 1],
+                    [18, 1.2],
+                ],
+            },
+        },
+    },
+    {
+        type: "line",
+        id: "mango_road-service",
+        source: "shanghai",
+        "source-layer": "上海市道路路网",
+        minzoom: 13,
+        filter: ["==", "fclass", "service"],
+        layout: {
+            "line-cap": "round",
+            "line-join": "round",
+        },
+        paint: {
+            "line-color": "#0C223F",
+            "line-width": {
+                base: 1,
+                stops: [
+                    [13, 1],
+                    [18, 1.2],
+                ],
+            },
+            "line-opacity": 1.0,
+        },
+    },
+
+    // 三级道路(县道)辅路
+    {
+        type: "line",
+        id: "mango_road-tertiarylink-case",
+        source: "shanghai",
+        "source-layer": "上海市道路路网",
+        minzoom: 12,
+        filter: ["==", "fclass", "tertiary_link"],
+        layout: {
+            "line-cap": "round",
+            "line-join": "round",
+        },
+        paint: {
+            "line-color": "#0C223F",
+            "line-width": {
+                base: 1.5,
+                stops: [
+                    [12, 1],
+                    [18, 2],
+                ],
+            },
+            "line-opacity": 1.0,
+            "line-gap-width": {
+                base: 1.5,
+                stops: [
+                    [12, 0.75],
+                    [18, 26],
+                ],
+            },
+        },
+    },
+    {
+        type: "line",
+        id: "mango_road-tertiarylink",
+        source: "shanghai",
+        "source-layer": "上海市道路路网",
+        minzoom: 12,
+        filter: ["==", "fclass", "tertiary_link"],
+        layout: {
+            "line-cap": "round",
+            "line-join": "round",
+        },
+        paint: {
+            "line-color": "#0C223F",
+            "line-width": {
+                base: 1.5,
+                stops: [
+                    [12, 0.75],
+                    [18, 26],
+                ],
+            },
+            "line-opacity": 1.0,
+        },
+    },
+
+    // 三级道路(县道)
+    {
+        type: "line",
+        id: "mango_road-tertiary-case",
+        source: "shanghai",
+        "source-layer": "上海市道路路网",
+        minzoom: 12,
+        filter: ["==", "fclass", "tertiary"],
+        layout: {
+            "line-cap": "round",
+            "line-join": "round",
+        },
+        paint: {
+            "line-color": "#0C223F",
+            "line-width": {
+                base: 1.5,
+                stops: [
+                    [12, 1],
+                    [18, 2],
+                ],
+            },
+            "line-opacity": 1.0,
+            "line-gap-width": {
+                base: 1.5,
+                stops: [
+                    [12, 0.75],
+                    [18, 26],
+                ],
+            },
+        },
+    },
+    {
+        type: "line",
+        id: "mango_road-tertiary",
+        source: "shanghai",
+        "source-layer": "上海市道路路网",
+        minzoom: 12,
+        filter: ["==", "fclass", "tertiary"],
+        layout: {
+            "line-cap": "round",
+            "line-join": "round",
+        },
+        paint: {
+            "line-color": "#0C223F",
+            "line-width": {
+                base: 1.5,
+                stops: [
+                    [12, 0.75],
+                    [18, 26],
+                ],
+            },
+            "line-opacity": 1.0,
+        },
+    },
+
+    // 二级道路(省道)辅路
+    {
+        type: "line",
+        id: "mango_road-secondarylink-case",
+        source: "shanghai",
+        "source-layer": "上海市道路路网",
+        minzoom: 11,
+        filter: ["==", "fclass", "secondary_link"],
+        layout: {
+            "line-cap": "round",
+            "line-join": "round",
+        },
+        paint: {
+            "line-color": "#0C223F",
+            "line-width": {
+                base: 1.5,
+                stops: [
+                    [10, 1],
+                    [18, 2],
+                ],
+            },
+            "line-opacity": 1.0,
+            "line-gap-width": {
+                base: 1.5,
+                stops: [
+                    [11, 0.75],
+                    [18, 28],
+                ],
+            },
+        },
+    },
+    {
+        type: "line",
+        id: "mango_road-secondarylink",
+        source: "shanghai",
+        "source-layer": "上海市道路路网",
+        minzoom: 11,
+        filter: ["==", "fclass", "secondary_link"],
+        layout: {
+            "line-cap": "round",
+            "line-join": "round",
+        },
+        paint: {
+            "line-color": "#0C223F",
+            "line-width": {
+                base: 1.5,
+                stops: [
+                    [11, 0.75],
+                    [18, 28],
+                ],
+            },
+            "line-opacity": 1.0,
+        },
+    },
+
+    // 二级道路(省道)
+    {
+        type: "line",
+        id: "mango_road-secondary-case",
+        source: "shanghai",
+        "source-layer": "上海市道路路网",
+        minzoom: 11,
+        filter: ["==", "fclass", "secondary"],
+        layout: {
+            "line-cap": "round",
+            "line-join": "round",
+        },
+        paint: {
+            "line-color": "#0C223F",
+            "line-width": {
+                base: 1.5,
+                stops: [
+                    [10, 1],
+                    [18, 2],
+                ],
+            },
+            "line-opacity": 1.0,
+            "line-gap-width": {
+                base: 1.5,
+                stops: [
+                    [11, 0.75],
+                    [18, 28],
+                ],
+            },
+        },
+    },
+    {
+        type: "line",
+        id: "mango_road-secondary",
+        source: "shanghai",
+        "source-layer": "上海市道路路网",
+        minzoom: 11,
+        filter: ["==", "fclass", "secondary"],
+        layout: {
+            "line-cap": "round",
+            "line-join": "round",
+        },
+        paint: {
+            "line-color": "#0C223F",
+            "line-width": {
+                base: 1.5,
+                stops: [
+                    [11, 0.75],
+                    [18, 28],
+                ],
+            },
+            "line-opacity": 1.0,
+        },
+    },
+
+    // 一级道路(国道)辅路
+    {
+        type: "line",
+        id: "mango_road-primarylink-case",
+        source: "shanghai",
+        "source-layer": "上海市道路路网",
+        minzoom: 10,
+        filter: ["==", "fclass", "primary_link"],
+        layout: {
+            "line-cap": "round",
+            "line-join": "round",
+        },
+        paint: {
+            "line-color": "#0C223F",
+            "line-width": {
+                base: 1.5,
+                stops: [
+                    [10, 1],
+                    [18, 2],
+                ],
+            },
+            "line-opacity": 1.0,
+            "line-gap-width": {
+                base: 1.5,
+                stops: [
+                    [11, 0.75],
+                    [18, 30],
+                ],
+            },
+        },
+    },
+    {
+        type: "line",
+        id: "mango_road-primarylink",
+        source: "shanghai",
+        "source-layer": "上海市道路路网",
+        minzoom: 10,
+        filter: ["==", "fclass", "primary_link"],
+        layout: {
+            "line-cap": "round",
+            "line-join": "round",
+        },
+        paint: {
+            "line-color": "#0C223F",
+            "line-width": {
+                base: 1.5,
+                stops: [
+                    [11, 0.75],
+                    [18, 30],
+                ],
+            },
+            "line-opacity": 1.0,
+        },
+    },
+
+    // 一级道路(国道)
+    {
+        type: "line",
+        id: "mango_road-primary-case",
+        source: "shanghai",
+        "source-layer": "上海市道路路网",
+        minzoom: 10,
+        filter: ["==", "fclass", "primary"],
+        layout: {
+            "line-cap": "round",
+            "line-join": "round",
+        },
+        paint: {
+            "line-color": "#0C223F",
+            "line-width": {
+                base: 1.5,
+                stops: [
+                    [10, 1],
+                    [18, 2],
+                ],
+            },
+            "line-opacity": 1.0,
+            "line-gap-width": {
+                base: 1.5,
+                stops: [
+                    [11, 0.75],
+                    [18, 30],
+                ],
+            },
+        },
+    },
+    {
+        type: "line",
+        id: "mango_road-primary",
+        source: "shanghai",
+        "source-layer": "上海市道路路网",
+        minzoom: 10,
+        filter: ["==", "fclass", "primary"],
+        layout: {
+            "line-cap": "round",
+            "line-join": "round",
+        },
+        paint: {
+            "line-color": "#0C223F",
+            "line-width": {
+                base: 1.5,
+                stops: [
+                    [11, 0.75],
+                    [18, 30],
+                ],
+            },
+            "line-opacity": 1.0,
+        },
+    },
+
+    // 主干道辅路
+    {
+        type: "line",
+        id: "mango_road-trunklink-case",
+        source: "shanghai",
+        "source-layer": "上海市道路路网",
+        minzoom: 10,
+        filter: ["==", "fclass", "trunk_link"],
+        layout: {
+            "line-cap": "round",
+            "line-join": "round",
+        },
+        paint: {
+            "line-color": "#0C223F",
+            "line-width": {
+                base: 1.5,
+                stops: [
+                    [10, 1],
+                    [18, 2],
+                ],
+            },
+            "line-opacity": 1.0,
+            "line-gap-width": {
+                base: 1.5,
+                stops: [
+                    [11, 0.75],
+                    [18, 30],
+                ],
+            },
+        },
+    },
+    {
+        type: "line",
+        id: "mango_road-trunklink",
+        source: "shanghai",
+        "source-layer": "上海市道路路网",
+        minzoom: 10,
+        filter: ["==", "fclass", "trunk_link"],
+        layout: {
+            "line-cap": "round",
+            "line-join": "round",
+        },
+        paint: {
+            "line-color": "#0C223F",
+            "line-width": {
+                base: 1.5,
+                stops: [
+                    [11, 0.75],
+                    [18, 30],
+                ],
+            },
+            "line-opacity": 1.0,
+        },
+    },
+
+    // 主干道 (城市主干道)
+    {
+        type: "line",
+        id: "mango_road-trunk-case",
+        source: "shanghai",
+        "source-layer": "上海市道路路网",
+        minzoom: 10,
+        filter: ["==", "fclass", "trunk"],
+        layout: {
+            "line-cap": "round",
+            "line-join": "round",
+        },
+        paint: {
+            "line-color": "#0C223F",
+            "line-width": {
+                base: 1.5,
+                stops: [
+                    [10, 1],
+                    [18, 2],
+                ],
+            },
+            "line-opacity": 1.0,
+            "line-gap-width": {
+                base: 1.5,
+                stops: [
+                    [11, 0.75],
+                    [18, 30],
+                ],
+            },
+        },
+    },
+    {
+        type: "line",
+        id: "mango_road-trunk",
+        source: "shanghai",
+        "source-layer": "上海市道路路网",
+        minzoom: 10,
+        filter: ["==", "fclass", "trunk"],
+        layout: {
+            "line-cap": "round",
+            "line-join": "round",
+        },
+        paint: {
+            "line-color": "#0C223F",
+            "line-width": {
+                base: 1.5,
+                stops: [
+                    [11, 0.75],
+                    [18, 30],
+                ],
+            },
+            "line-opacity": 1.0,
+        },
+    },
+
+    // 高速公路辅路
+    {
+        type: "line",
+        id: "mango_road-motorwaylink-case",
+        source: "shanghai",
+        "source-layer": "上海市道路路网",
+        minzoom: 10,
+        filter: ["==", "fclass", "motorway_link"],
+        layout: {
+            "line-cap": "round",
+            "line-join": "round",
+        },
+        paint: {
+            "line-color": "#0C223F",
+            "line-width": {
+                base: 1.5,
+                stops: [
+                    [10, 1],
+                    [18, 2],
+                ],
+            },
+            "line-opacity": 1.0,
+            "line-gap-width": {
+                base: 1.5,
+                stops: [
+                    [10, 0.75],
+                    [18, 32],
+                ],
+            },
+        },
+    },
+    {
+        type: "line",
+        id: "mango_road-motorwaylink",
+        source: "shanghai",
+        "source-layer": "上海市道路路网",
+        minzoom: 10,
+        filter: ["==", "fclass", "motorway_link"],
+        layout: {
+            "line-cap": "round",
+            "line-join": "round",
+        },
+        paint: {
+            "line-color": "#0C223F",
+            "line-width": {
+                base: 1.5,
+                stops: [
+                    [10, 0.75],
+                    [18, 32],
+                ],
+            },
+            "line-opacity": 1.0,
+        },
+    },
+
+    // 高速公路
+    {
+        type: "line",
+        id: "mango_road-motorway-case",
+        source: "shanghai",
+        "source-layer": "上海市道路路网",
+        minzoom: 10,
+        filter: ["==", "fclass", "motorway"],
+        layout: {
+            "line-cap": "round",
+            "line-join": "round",
+        },
+        paint: {
+            "line-color": "#0C223F",
+            "line-width": {
+                base: 1.5,
+                stops: [
+                    [10, 1],
+                    [18, 2],
+                ],
+            },
+            "line-opacity": 1.0,
+            "line-gap-width": {
+                base: 1.5,
+                stops: [
+                    [10, 0.75],
+                    [18, 32],
+                ],
+            },
+        },
+    },
+    {
+        type: "line",
+        id: "mango_road-motorway",
+        source: "shanghai",
+        "source-layer": "上海市道路路网",
+        minzoom: 10,
+        filter: ["==", "fclass", "motorway"],
+        layout: {
+            "line-cap": "round",
+            "line-join": "round",
+        },
+        paint: {
+            "line-color": "#0C223F",
+            "line-width": {
+                base: 1.5,
+                stops: [
+                    [10, 0.75],
+                    [18, 32],
+                ],
+            },
+            "line-opacity": 1.0,
+        },
+    },
+    /**为新的路网建立显示样式结束**/
+    /** **/
+
+
+    /*注记 */
+    // 城市级别注记 (level=city)
+    {
+        type: "symbol",
+        id: "china-city-text",
+        source: "china",
+        "source-layer": "中华人民共和国_省份县市注记",
+        minzoom: 0,
+        maxzoom: 9,
+        filter: ["==", "level", "city"],
+        layout: {
+            'text-field': '{name}',
+            'text-size': [
+                "interpolate",
+                ["linear"],
+                ["zoom"],
+                0, 16,
+                5, 14,
+                9, 12
+            ],
+            'text-font': ['Open Sans Regular,Arial Unicode MS Regular'],
+            'text-letter-spacing': 0.05,
+            'text-max-angle': 30,
+            'symbol-spacing': 800,
+            'text-rotation-alignment': 'map',
+            'text-pitch-alignment': 'viewport'
+        },
+        paint: {
+            'text-color': '#00C2B8',
+            'text-halo-color': '#071221',
+            'text-halo-width': 1,
+            'text-opacity': 0.8
+        }
+    },
+    // 区县级别注记 (level=district)
+    {
+        type: "symbol",
+        id: "china-district-text",
+        source: "china",
+        "source-layer": "中华人民共和国_省份县市注记",
+        minzoom: 10,
+        maxZoom: 19,
+        filter: ["==", "level", "district"],
+        layout: {
+            'text-field': '{name}',
+            'text-size': [
+                "interpolate",
+                ["linear"],
+                ["zoom"],
+                10, 14,
+                12.5, 12,
+                15, 10
+            ],
+            'text-font': ['Open Sans Regular,Arial Unicode MS Regular'],
+            'text-letter-spacing': 0.05,
+            'text-max-angle': 30,
+            'symbol-spacing': 600,
+            'text-rotation-alignment': 'map',
+            'text-pitch-alignment': 'viewport'
+        },
+        paint: {
+            'text-color': '#00C2B8',
+            'text-halo-color': '#071221',
+            'text-halo-width': 1,
+            'text-opacity': 0.8
+        }
+    },
+    // 建筑物面标注
+    {
+        type: 'symbol',
+        id: "mango_buildings_a-text",
+        source: "shanghai",
+        "source-layer": "上海市建筑轮廓",
+        minzoom: 10,
+        layout: {
+            'symbol-placement': 'point',           // 沿线放置
+            'text-field': '{name}',               // 显示名称属性
+            'text-size': 12,
+            'text-font': ['Open Sans Regular,Arial Unicode MS Regular'],
+            'text-letter-spacing': 0.05,
+            'text-max-angle': 30,                 // 文本最大弯曲角度
+            'symbol-spacing': 300,                // 符号间距
+            'text-rotation-alignment': 'map',     // 文本旋转对齐方式
+            'text-pitch-alignment': 'viewport'    // 俯视时文本对齐
+        },
+        paint: {
+            'text-color': '#00C2B8',
+            'text-halo-color': '#071221',
+            'text-halo-width': 1,
+            'text-opacity': 0.8
+        }
+    },
+]
+
+/**
+ * 深色数据源列表
+ */
+const Light_Sources = [
+    // 底图
+    {
+        id: 'china',
+        type: 'vector',
+        minZoom: 0,
+        maxZoom: 19,
+        scheme: 'tms',
+        workspace: 'mango',
+        geoLayer: '中华人民共和国_市县'
+    },
+    {
+        id: 'shanghai',
+        type: 'vector',
+        minZoom: 0,
+        maxZoom: 19,
+        scheme: 'tms',
+        workspace: 'mango',
+        geoLayer: '上海市区域'
+    },
+    {
+        id: 'mango_base',
+        type: 'vector',
+        minZoom: 5,
+        maxZoom: 19,
+        scheme: 'tms',
+        workspace: 'mango',
+        geoLayer: 'mango_base'
+    },
+]
+
+/**
+ * 浅色底图图层
+ */
+const Light_Layers = [
+    //地图背景
+    {
+        id: "world-background",
+        type: "background",
+        paint: {
+            "background-color": "#C4D7F5"
+        },
+        interactive: true
+    },
+    {
+        id: 'tdt_base_layer',
+        type: 'raster',
+        source: 'tdt_base',
+        minzoom: 0,
+        maxzoom: 18,
+        paint: {
+            // 使用线性插值提高显示质量
+            'raster-resampling': 'linear',
+            'raster-opacity': 1
+        }
+    },
+]
+
+/** 管网点数据源 **/
+const business_sources = {
+    dark: [
+        {id: 'produce_valve', type: 'geojson', minZoom: 5, maxZoom: 19, workspace: 'zj', geoLayer: 'produce_valve'},
+        {id: 'supply_valve', type: 'geojson', minZoom: 5, maxZoom: 19, workspace: 'zj', geoLayer: 'supply_valve'},
+        {
+            id: 'produce_valve_well',
+            type: 'geojson',
+            minZoom: 5,
+            maxZoom: 19,
+            workspace: 'zj',
+            geoLayer: 'produce_valve_well'
+        },
+        {
+            id: 'supply_valve_well',
+            type: 'geojson',
+            minZoom: 5,
+            maxZoom: 19,
+            workspace: 'zj',
+            geoLayer: 'supply_valve_well'
+        },
+        {
+            id: 'supply_watermeter_well',
+            type: 'geojson',
+            minZoom: 5,
+            maxZoom: 19,
+            workspace: 'zj',
+            geoLayer: 'supply_watermeter_well'
+        },
+        {
+            id: 'produce_watermeter_valve',
+            type: 'geojson',
+            minZoom: 5,
+            maxZoom: 19,
+            workspace: 'zj',
+            geoLayer: 'produce_watermeter_valve'
+        },
+        {
+            id: 'supply_check_well',
+            type: 'geojson',
+            minZoom: 5,
+            maxZoom: 19,
+            workspace: 'zj',
+            geoLayer: 'supply_check_well'
+        },
+        {
+            id: 'produce_maintenance_well',
+            type: 'geojson',
+            minZoom: 5,
+            maxZoom: 19,
+            workspace: 'zj',
+            geoLayer: 'produce_maintenance_well'
+        }
+    ],
+    light: [
+        {id: 'produce_valve', type: 'geojson', minZoom: 5, maxZoom: 19, workspace: 'zj', geoLayer: 'produce_valve'},
+        {id: 'supply_valve', type: 'geojson', minZoom: 5, maxZoom: 19, workspace: 'zj', geoLayer: 'supply_valve'},
+        {
+            id: 'produce_valve_well',
+            type: 'geojson',
+            minZoom: 5,
+            maxZoom: 19,
+            workspace: 'zj',
+            geoLayer: 'produce_valve_well'
+        },
+        {
+            id: 'supply_valve_well',
+            type: 'geojson',
+            minZoom: 5,
+            maxZoom: 19,
+            workspace: 'zj',
+            geoLayer: 'supply_valve_well'
+        },
+        {
+            id: 'supply_watermeter_well',
+            type: 'geojson',
+            minZoom: 5,
+            maxZoom: 19,
+            workspace: 'zj',
+            geoLayer: 'supply_watermeter_well'
+        },
+        {
+            id: 'produce_watermeter_valve',
+            type: 'geojson',
+            minZoom: 5,
+            maxZoom: 19,
+            workspace: 'zj',
+            geoLayer: 'produce_watermeter_valve'
+        },
+        {
+            id: 'supply_check_well',
+            type: 'geojson',
+            minZoom: 5,
+            maxZoom: 19,
+            workspace: 'zj',
+            geoLayer: 'supply_check_well'
+        },
+        {
+            id: 'produce_maintenance_well',
+            type: 'geojson',
+            minZoom: 5,
+            maxZoom: 19,
+            workspace: 'zj',
+            geoLayer: 'produce_maintenance_well'
+        }
+    ]
+}
+
+
+/** 管网图层 **/
+const business_layers = {
+    dark: [
+        /* 管线标注 */
+        // 生产用水管线
+        {
+            type: "line",
+            id: "produce_pipe",
+            source: "map_pipe",
+            "source-layer": "produce_pipe",
+            minzoom: 10,
+            layout: {
+                "line-join": "round",
+                "line-cap": "round",
+                visibility: "none"
+            },
+            paint: {
+                "line-color": "#00C0FF",
+                "line-width": {
+                    base: 1.5,
+                    stops: [
+                        [10, 0.75],
+                        [20, 7.5]
+                    ]
+                }
+            }
+        },
+        //生产用水管网标注
+        {
+            type: "symbol",
+            id: "produce_pipe-label",
+            source: "map_pipe",
+            "source-layer": "produce_pipe",
+            minzoom: 15,
+            layout: {
+                "symbol-placement": "line-center", // 修改为在线条中间放置标注
+                "symbol-avoid-edges": true,
+                "text-allow-overlap": false,
+                "text-font": ["Microsoft YaHei"],
+                "text-field": "DN{管径}",
+                "text-size": 15,
+                "text-max-width": 32,
+                "text-variable-anchor": [
+                    "bottom-left", "left", "top-left",
+                    "bottom-right", "top",
+                    "top-right", "right", "bottom"
+                ],
+                "text-radial-offset": 0.05,
+                "text-justify": "auto",
+                "text-rotation-alignment": "map",
+                visibility: "none"
+            },
+            paint: {
+                "text-color": "#FFFFFF",
+                "text-halo-color": "#111111",
+                "text-halo-width": 1.0,
+                "text-halo-blur": 0.1
+            }
+        },
+        //生活用水管线
+        {
+            type: "line",
+            id: "supply_pipe",
+            source: "map_pipe",
+            "source-layer": "supply_pipe",
+            minzoom: 10,
+            layout: {
+                "line-join": "round",
+                "line-cap": "round",
+                visibility: "none"
+            },
+            paint: {
+                "line-color": "#00B35D",
+                "line-width": {
+                    base: 1.5,
+                    stops: [
+                        [10, 0.75],
+                        [20, 7.5]
+                    ]
+                }
+            }
+        },
+        //生活用水管网标注
+        {
+            type: "symbol",
+            id: "supply_pipe-label",
+            source: "map_pipe",
+            "source-layer": "supply_pipe",
+            minzoom: 15,
+            layout: {
+                "symbol-placement": "line-center",
+                "symbol-avoid-edges": true,
+                "text-font": ["Microsoft YaHei"],
+                "text-field": "DN{管径}",
+                "text-size": 15,
+                "text-max-width": 32,
+                "text-variable-anchor": [
+                    "bottom-left", "left", "top-left",
+                    "bottom-right", "top",
+                    "top-right", "right", "bottom"
+                ],
+                "text-radial-offset": 0.05,
+                "text-justify": "auto",
+                "text-rotate": ["get", "bearing_label"],
+                "text-rotation-alignment": "map",
+                visibility: "none"
+            },
+            paint: {
+                "text-color": "#FFFFFF",
+                "text-halo-color": "#111111",
+                "text-halo-width": 1.0,
+                "text-halo-blur": 0.1,
+            }
+        },
+        /* 管线标注 */
+
+        /*管点标注*/
+        // //生产阀门
+        // {
+        //     type: "symbol",
+        //     id: "produce_valve",
+        //     source: "map_pipe",
+        //     "source-layer": "produce_valve",
+        //     minzoom: 12,
+        //     layout: {
+        //         "symbol-placement": "point",
+        //         "symbol-avoid-edges": true,
+        //         "icon-allow-overlap": true,
+        //         "icon-ignore-placement": true,
+        //         "icon-image": "pro_valve",
+        //         "icon-size": 0.6,
+        //         "text-optional": true,
+        //         "text-font": ["Microsoft YaHei"],
+        //         "text-field": "{本点号}",
+        //         "text-size": 15,
+        //         "text-max-width": 32,
+        //         visibility: "none"
+        //     },
+        //     paint: {
+        //         "icon-opacity": 1.0,
+        //         "text-color": "#FFFFFF",
+        //         "text-halo-color": "#111111",
+        //         "text-halo-width": 1,
+        //         "text-halo-blur": 0.1
+        //     }
+        // },
+        // //生活阀门
+        // {
+        //     type: "symbol",
+        //     id: "supply_valve",
+        //     source: "map_pipe",
+        //     "source-layer": "supply_valve",
+        //     minzoom: 12,
+        //     layout: {
+        //         "symbol-placement": "point",
+        //         "symbol-avoid-edges": true,
+        //         "icon-allow-overlap": true,
+        //         "icon-ignore-placement": true,
+        //         "icon-image": "sup_valve",
+        //         "icon-size": 0.6,
+        //         "text-font": ["Microsoft YaHei"],
+        //         "text-field": "{本点号}",
+        //         "text-size": 15,
+        //         "text-max-width": 32,
+        //         "text-optional": true,
+        //         visibility: "none"
+        //     },
+        //     paint: {
+        //         "icon-opacity": 1.0,
+        //         "text-color": "#FFFFFF",
+        //         "text-halo-color": "#111111",
+        //         "text-halo-width": 1,
+        //         "text-halo-blur": 0.1
+        //     }
+        // },
+        // //生产阀门井
+        // {
+        //     type: "symbol",
+        //     id: "produce_valve_well",
+        //     source: "map_pipe",
+        //     "source-layer": "produce_valve_well",
+        //     minzoom: 12,
+        //     layout: {
+        //         "symbol-placement": "point",
+        //         "symbol-avoid-edges": true,
+        //         "icon-allow-overlap": true,
+        //         "icon-ignore-placement": true,
+        //         "icon-image": "pro_valve_well",
+        //         "icon-size": 0.6,
+        //         "text-optional": true,
+        //         "text-font": ["Microsoft YaHei"],
+        //         "text-field": "{本点号}",
+        //         "text-size": 15,
+        //         "text-max-width": 32,
+        //         visibility: "none"
+        //     },
+        //     paint: {
+        //         "icon-opacity": 1.0,
+        //         "text-color": "#FFFFFF",
+        //         "text-halo-color": "#111111",
+        //         "text-halo-width": 1,
+        //         "text-halo-blur": 0.1
+        //     }
+        // },
+        // //生活阀门井
+        // {
+        //     type: "symbol",
+        //     id: "supply_valve_well",
+        //     source: "map_pipe",
+        //     "source-layer": "supply_valve_well",
+        //     minzoom: 12,
+        //     layout: {
+        //         "symbol-placement": "point",
+        //         "symbol-avoid-edges": true,
+        //         "icon-allow-overlap": true,
+        //         "icon-ignore-placement": true,
+        //         "icon-image": "sup_valve_well",
+        //         "icon-size": 0.6,
+        //         "text-optional": true,
+        //         "text-font": ["Microsoft YaHei"],
+        //         "text-field": "{本点号}",
+        //         "text-size": 15,
+        //         "text-max-width": 32,
+        //         visibility: "none"
+        //     },
+        //     paint: {
+        //         "icon-opacity": 1.0,
+        //         "text-color": "#FFFFFF",
+        //         "text-halo-color": "#111111",
+        //         "text-halo-width": 1,
+        //         "text-halo-blur": 0.1
+        //     }
+        // },
+        // // 生产检修井 pro_ins_well
+        // {
+        //     type: "symbol",
+        //     id: "produce_maintenance_well",
+        //     source: "map_pipe",
+        //     "source-layer": "produce_maintenance_well",
+        //     minzoom: 12,
+        //     layout: {
+        //         "symbol-placement": "point",
+        //         "symbol-avoid-edges": true,
+        //         "icon-allow-overlap": true,
+        //         "icon-ignore-placement": true,
+        //         "icon-image": "pro_maintenance_well",
+        //         "icon-size": 0.6,
+        //         "text-optional": true,
+        //         "text-font": ["Microsoft YaHei"],
+        //         "text-field": "{本点号}",
+        //         "text-size": 15,
+        //         "text-max-width": 32,
+        //         visibility: "none"
+        //     },
+        //     paint: {
+        //         "icon-opacity": 1.0,
+        //         "text-color": "#FFFFFF",
+        //         "text-halo-color": "#111111",
+        //         "text-halo-width": 1,
+        //         "text-halo-blur": 0.1
+        //     }
+        // },
+        // // 生活检修井 sup_ins_well
+        // {
+        //     type: "symbol",
+        //     id: "supply_check_well",
+        //     source: "map_pipe",
+        //     "source-layer": "supply_check_well",
+        //     minzoom: 12,
+        //     layout: {
+        //         "symbol-placement": "point",
+        //         "symbol-avoid-edges": true,
+        //         "icon-allow-overlap": true,
+        //         "icon-ignore-placement": true,
+        //         "icon-image": "sup_maintenance_well",
+        //         "icon-size": 0.6,
+        //         "text-optional": true,
+        //         "text-font": ["Microsoft YaHei"],
+        //         "text-field": "{本点号}",
+        //         "text-size": 15,
+        //         "text-max-width": 32,
+        //         visibility: "none"
+        //     },
+        //     paint: {
+        //         "icon-opacity": 1.0,
+        //         "text-color": "#FFFFFF",
+        //         "text-halo-color": "#111111",
+        //         "text-halo-width": 1,
+        //         "text-halo-blur": 0.1
+        //     }
+        // },
+        // // 生产水表井 pro_watermeter_well
+        // {
+        //     type: "symbol",
+        //     id: "produce_watermeter_valve",
+        //     source: "map_pipe",
+        //     "source-layer": "produce_watermeter_valve",
+        //     minzoom: 12,
+        //     layout: {
+        //         "symbol-placement": "point",
+        //         "symbol-avoid-edges": true,
+        //         "icon-allow-overlap": true,
+        //         "icon-ignore-placement": true,
+        //         "icon-image": "pro_watermeter_valve",
+        //         "icon-size": 0.6,
+        //         "text-optional": true,
+        //         "text-font": ["Microsoft YaHei"],
+        //         "text-field": "{本点号}",
+        //         "text-size": 15,
+        //         "text-max-width": 32,
+        //         visibility: "none"
+        //     },
+        //     paint: {
+        //         "icon-opacity": 1.0,
+        //         "text-color": "#FFFFFF",
+        //         "text-halo-color": "#111111",
+        //         "text-halo-width": 1,
+        //         "text-halo-blur": 0.1
+        //     }
+        // },
+        // // 生活水表井 sup_watermeter_well
+        // {
+        //     type: "symbol",
+        //     id: "supply_watermeter_well",
+        //     source: "map_pipe",
+        //     "source-layer": "supply_watermeter_well",
+        //     minzoom: 12,
+        //     layout: {
+        //         "symbol-placement": "point",
+        //         "symbol-avoid-edges": true,
+        //         "icon-allow-overlap": true,
+        //         "icon-ignore-placement": true,
+        //         "icon-image": "sup_watermeter_valve",
+        //         "icon-size": 0.6,
+        //         "text-optional": true,
+        //         "text-font": ["Microsoft YaHei"],
+        //         "text-field": "{本点号}",
+        //         "text-size": 15,
+        //         "text-max-width": 32,
+        //         visibility: "none"
+        //     },
+        //     paint: {
+        //         "icon-opacity": 1.0,
+        //         "text-color": "#FFFFFF",
+        //         "text-halo-color": "#111111",
+        //         "text-halo-width": 1,
+        //         "text-halo-blur": 0.1
+        //     }
+        // },
+        /*管点标注*/
+    ],
+    light: [
+        /* 管线标注 */
+        // 生产用水管线
+        {
+            type: "line",
+            id: "produce_pipe",
+            source: "map_pipe",
+            "source-layer": "produce_pipe",
+            minzoom: 10,
+            layout: {
+                "line-join": "round",
+                "line-cap": "round",
+                visibility: "none"
+            },
+            paint: {
+                "line-color": "#00C0FF",
+                "line-width": {
+                    base: 1.5,
+                    stops: [
+                        [10, 0.75],
+                        [20, 7.5]
+                    ]
+                }
+            }
+        },
+        //生产用水管网标注
+        {
+            type: "symbol",
+            id: "produce_pipe-label",
+            source: "map_pipe",
+            "source-layer": "produce_pipe",
+            minzoom: 15,
+            layout: {
+                "symbol-placement": "line-center", // 修改为在线条中间放置标注
+                "symbol-avoid-edges": true,
+                "text-allow-overlap": false,
+                "text-font": ["Microsoft YaHei"],
+                "text-field": "DN{管径}",
+                "text-size": 15,
+                "text-max-width": 32,
+                "text-variable-anchor": [
+                    "bottom-left", "left", "top-left",
+                    "bottom-right", "top",
+                    "top-right", "right", "bottom"
+                ],
+                "text-radial-offset": 0.05,
+                "text-justify": "auto",
+                "text-rotation-alignment": "map",
+                visibility: "none"
+            },
+            paint: {
+                "text-color": "#FFFFFF",
+                "text-halo-color": "#111111",
+                "text-halo-width": 1.0,
+                "text-halo-blur": 0.1
+            }
+        },
+        //生活用水管线
+        {
+            type: "line",
+            id: "supply_pipe",
+            source: "map_pipe",
+            "source-layer": "supply_pipe",
+            minzoom: 10,
+            layout: {
+                "line-join": "round",
+                "line-cap": "round",
+                visibility: "none"
+            },
+            paint: {
+                "line-color": "#00B35D",
+                "line-width": {
+                    base: 1.5,
+                    stops: [
+                        [10, 0.75],
+                        [20, 7.5]
+                    ]
+                }
+            }
+        },
+        //生活用水管网标注
+        {
+            type: "symbol",
+            id: "supply_pipe-label",
+            source: "map_pipe",
+            "source-layer": "supply_pipe",
+            minzoom: 15,
+            layout: {
+                "symbol-placement": "line-center",
+                "symbol-avoid-edges": true,
+                "text-font": ["Microsoft YaHei"],
+                "text-field": "DN{管径}",
+                "text-size": 15,
+                "text-max-width": 32,
+                "text-variable-anchor": [
+                    "bottom-left", "left", "top-left",
+                    "bottom-right", "top",
+                    "top-right", "right", "bottom"
+                ],
+                "text-radial-offset": 0.05,
+                "text-justify": "auto",
+                "text-rotate": ["get", "bearing_label"],
+                "text-rotation-alignment": "map",
+                visibility: "none"
+            },
+            paint: {
+                "text-color": "#FFFFFF",
+                "text-halo-color": "#111111",
+                "text-halo-width": 1.0,
+                "text-halo-blur": 0.1,
+            }
+        },
+        /* 管线标注 */
+
+        /*管点标注*/
+        // //生产阀门
+        // {
+        //     type: "symbol",
+        //     id: "produce_valve",
+        //     source: "map_pipe",
+        //     "source-layer": "produce_valve",
+        //     minzoom: 12,
+        //     layout: {
+        //         "symbol-placement": "point",
+        //         "symbol-avoid-edges": true,
+        //         "icon-allow-overlap": true,
+        //         "icon-ignore-placement": true,
+        //         "icon-image": "pro_valve",
+        //         "icon-size": 0.6,
+        //         "text-optional": true,
+        //         "text-font": ["Microsoft YaHei"],
+        //         "text-field": "{本点号}",
+        //         "text-size": 15,
+        //         "text-max-width": 32,
+        //         visibility: "none"
+        //     },
+        //     paint: {
+        //         "icon-opacity": 1.0,
+        //         "text-color": "#FFFFFF",
+        //         "text-halo-color": "#111111",
+        //         "text-halo-width": 1,
+        //         "text-halo-blur": 0.1
+        //     }
+        // },
+        // //生活阀门
+        // {
+        //     type: "symbol",
+        //     id: "supply_valve",
+        //     source: "map_pipe",
+        //     "source-layer": "supply_valve",
+        //     minzoom: 12,
+        //     layout: {
+        //         "symbol-placement": "point",
+        //         "symbol-avoid-edges": true,
+        //         "icon-allow-overlap": true,
+        //         "icon-ignore-placement": true,
+        //         "icon-image": "sup_valve",
+        //         "icon-size": 0.6,
+        //         "text-font": ["Microsoft YaHei"],
+        //         "text-field": "{本点号}",
+        //         "text-size": 15,
+        //         "text-max-width": 32,
+        //         "text-optional": true,
+        //         visibility: "none"
+        //     },
+        //     paint: {
+        //         "icon-opacity": 1.0,
+        //         "text-color": "#FFFFFF",
+        //         "text-halo-color": "#111111",
+        //         "text-halo-width": 1,
+        //         "text-halo-blur": 0.1
+        //     }
+        // },
+        // //生产阀门井
+        // {
+        //     type: "symbol",
+        //     id: "produce_valve_well",
+        //     source: "map_pipe",
+        //     "source-layer": "produce_valve_well",
+        //     minzoom: 12,
+        //     layout: {
+        //         "symbol-placement": "point",
+        //         "symbol-avoid-edges": true,
+        //         "icon-allow-overlap": true,
+        //         "icon-ignore-placement": true,
+        //         "icon-image": "pro_valve_well",
+        //         "icon-size": 0.6,
+        //         "text-optional": true,
+        //         "text-font": ["Microsoft YaHei"],
+        //         "text-field": "{本点号}",
+        //         "text-size": 15,
+        //         "text-max-width": 32,
+        //         visibility: "none"
+        //     },
+        //     paint: {
+        //         "icon-opacity": 1.0,
+        //         "text-color": "#FFFFFF",
+        //         "text-halo-color": "#111111",
+        //         "text-halo-width": 1,
+        //         "text-halo-blur": 0.1
+        //     }
+        // },
+        // //生活阀门井
+        // {
+        //     type: "symbol",
+        //     id: "supply_valve_well",
+        //     source: "map_pipe",
+        //     "source-layer": "supply_valve_well",
+        //     minzoom: 12,
+        //     layout: {
+        //         "symbol-placement": "point",
+        //         "symbol-avoid-edges": true,
+        //         "icon-allow-overlap": true,
+        //         "icon-ignore-placement": true,
+        //         "icon-image": "sup_valve_well",
+        //         "icon-size": 0.6,
+        //         "text-optional": true,
+        //         "text-font": ["Microsoft YaHei"],
+        //         "text-field": "{本点号}",
+        //         "text-size": 15,
+        //         "text-max-width": 32,
+        //         visibility: "none"
+        //     },
+        //     paint: {
+        //         "icon-opacity": 1.0,
+        //         "text-color": "#FFFFFF",
+        //         "text-halo-color": "#111111",
+        //         "text-halo-width": 1,
+        //         "text-halo-blur": 0.1
+        //     }
+        // },
+        // // 生产检修井 pro_ins_well
+        // {
+        //     type: "symbol",
+        //     id: "produce_maintenance_well",
+        //     source: "map_pipe",
+        //     "source-layer": "produce_maintenance_well",
+        //     minzoom: 12,
+        //     layout: {
+        //         "symbol-placement": "point",
+        //         "symbol-avoid-edges": true,
+        //         "icon-allow-overlap": true,
+        //         "icon-ignore-placement": true,
+        //         "icon-image": "pro_maintenance_well",
+        //         "icon-size": 0.6,
+        //         "text-optional": true,
+        //         "text-font": ["Microsoft YaHei"],
+        //         "text-field": "{本点号}",
+        //         "text-size": 15,
+        //         "text-max-width": 32,
+        //         visibility: "none"
+        //     },
+        //     paint: {
+        //         "icon-opacity": 1.0,
+        //         "text-color": "#FFFFFF",
+        //         "text-halo-color": "#111111",
+        //         "text-halo-width": 1,
+        //         "text-halo-blur": 0.1
+        //     }
+        // },
+        // // 生活检修井 sup_ins_well
+        // {
+        //     type: "symbol",
+        //     id: "supply_check_well",
+        //     source: "map_pipe",
+        //     "source-layer": "supply_check_well",
+        //     minzoom: 12,
+        //     layout: {
+        //         "symbol-placement": "point",
+        //         "symbol-avoid-edges": true,
+        //         "icon-allow-overlap": true,
+        //         "icon-ignore-placement": true,
+        //         "icon-image": "sup_maintenance_well",
+        //         "icon-size": 0.6,
+        //         "text-optional": true,
+        //         "text-font": ["Microsoft YaHei"],
+        //         "text-field": "{本点号}",
+        //         "text-size": 15,
+        //         "text-max-width": 32,
+        //         visibility: "none"
+        //     },
+        //     paint: {
+        //         "icon-opacity": 1.0,
+        //         "text-color": "#FFFFFF",
+        //         "text-halo-color": "#111111",
+        //         "text-halo-width": 1,
+        //         "text-halo-blur": 0.1
+        //     }
+        // },
+        // // 生产水表井 pro_watermeter_well
+        // {
+        //     type: "symbol",
+        //     id: "produce_watermeter_valve",
+        //     source: "map_pipe",
+        //     "source-layer": "produce_watermeter_valve",
+        //     minzoom: 12,
+        //     layout: {
+        //         "symbol-placement": "point",
+        //         "symbol-avoid-edges": true,
+        //         "icon-allow-overlap": true,
+        //         "icon-ignore-placement": true,
+        //         "icon-image": "pro_watermeter_valve",
+        //         "icon-size": 0.6,
+        //         "text-optional": true,
+        //         "text-font": ["Microsoft YaHei"],
+        //         "text-field": "{本点号}",
+        //         "text-size": 15,
+        //         "text-max-width": 32,
+        //         visibility: "none"
+        //     },
+        //     paint: {
+        //         "icon-opacity": 1.0,
+        //         "text-color": "#FFFFFF",
+        //         "text-halo-color": "#111111",
+        //         "text-halo-width": 1,
+        //         "text-halo-blur": 0.1
+        //     }
+        // },
+        // // 生活水表井 sup_watermeter_well
+        // {
+        //     type: "symbol",
+        //     id: "supply_watermeter_well",
+        //     source: "map_pipe",
+        //     "source-layer": "supply_watermeter_well",
+        //     minzoom: 12,
+        //     layout: {
+        //         "symbol-placement": "point",
+        //         "symbol-avoid-edges": true,
+        //         "icon-allow-overlap": true,
+        //         "icon-ignore-placement": true,
+        //         "icon-image": "sup_watermeter_valve",
+        //         "icon-size": 0.6,
+        //         "text-optional": true,
+        //         "text-font": ["Microsoft YaHei"],
+        //         "text-field": "{本点号}",
+        //         "text-size": 15,
+        //         "text-max-width": 32,
+        //         visibility: "none"
+        //     },
+        //     paint: {
+        //         "icon-opacity": 1.0,
+        //         "text-color": "#FFFFFF",
+        //         "text-halo-color": "#111111",
+        //         "text-halo-width": 1,
+        //         "text-halo-blur": 0.1
+        //     }
+        // },
+        /*管点标注*/
+    ]
+}
+
+/**
+ * 矢量底图变更图层
+ */
+const Vector_Layers = {
+    dark: [
+        {id: "nh_image", visibility: "none"}, // 影像底图
+
+        {id: "map_gd_city", visibility: "visible"},   // 广东省地市
+        {id: "map_gd_county", visibility: "visible"}, // 广东省区县
+        {id: "map_nh_town", visibility: "visible"},   // 南海区街镇
+
+        {id: "map_nh_greenland", visibility: "visible"}, // 绿地
+        {id: "map_nh_waterway", visibility: "visible"},  // 水系线
+        {id: "map_nh_water", visibility: "visible"},     // 水系面
+
+        {id: "map_nh_building", visibility: "visible"},    // 建筑物面
+        {id: "map_nh_building-3d", visibility: "visible"}, // 3D建筑物面
+
+        {id: "map_label_waterway", visibility: "visible"}, // 河流注记
+        {id: "map_label_water", visibility: "visible"},    // 河流面注记
+    ],
+    light: [
+        {id: "nh_image", visibility: "none"}, // 影像底图
+
+        {id: "map_gd_city", visibility: "visible"},   // 广东省地市
+        {id: "map_gd_county", visibility: "visible"}, // 广东省区县
+        {id: "map_nh_town", visibility: "visible"},   // 南海区街镇
+
+        {id: "map_nh_greenland", visibility: "visible"}, // 绿地
+        {id: "map_nh_waterway", visibility: "visible"},  // 水系线
+        {id: "map_nh_water", visibility: "visible"},     // 水系面
+
+        {id: "map_nh_building", visibility: "visible"},    // 建筑物面
+        {id: "map_nh_building-3d", visibility: "visible"}, // 3D建筑物面
+
+        {id: "map_label_waterway", visibility: "visible"}, // 河流注记
+        {id: "map_label_water", visibility: "visible"},    // 河流面注记
+    ]
+}
+/**
+ * 影像底图变更图层
+ */
+const Image_Layers = {
+    dark: [
+        {id: "nh_image", visibility: "visible"}, // 影像底图
+
+        {id: "map_gd_city", visibility: "none"},   // 广东省地市
+        {id: "map_gd_county", visibility: "none"}, // 广东省区县
+        {id: "map_nh_town", visibility: "none"},   // 南海区街镇
+
+        {id: "map_nh_greenland", visibility: "none"}, // 绿地
+        {id: "map_nh_waterway", visibility: "none"},  // 水系线
+        {id: "map_nh_water", visibility: "none"},     // 水系面
+
+        {id: "map_nh_building", visibility: "none"},    // 建筑物面
+        {id: "map_nh_building-3d", visibility: "none"}, // 3D建筑物面
+
+        {id: "map_label_waterway", visibility: "none"}, // 河流注记
+        {id: "map_label_water", visibility: "none"},    // 河流面注记
+    ],
+    light: [
+        {id: "nh_image", visibility: "visible"}, // 影像底图
+
+        {id: "map_gd_city", visibility: "none"},   // 广东省地市
+        {id: "map_gd_county", visibility: "none"}, // 广东省区县
+        {id: "map_nh_town", visibility: "none"},   // 南海区街镇
+
+        {id: "map_nh_greenland", visibility: "none"}, // 绿地
+        {id: "map_nh_waterway", visibility: "none"},  // 水系线
+        {id: "map_nh_water", visibility: "none"},     // 水系面
+
+        {id: "map_nh_building", visibility: "none"},    // 建筑物面
+        {id: "map_nh_building-3d", visibility: "none"}, // 3D建筑物面
+
+        {id: "map_label_waterway", visibility: "none"}, // 河流注记
+        {id: "map_label_water", visibility: "none"},    // 河流面注记
+    ]
+}
+
+export {
+    base_sources, LayerConfig,
+    business_sources, business_layers,
+    Dark_Sources, Light_Sources,
+    Dark_Layers, Light_Layers,
+    Vector_Layers, Image_Layers,
+};