diff --git a/public/static/libs/mapbox/style/HaiMianScreen.json b/public/static/libs/mapbox/style/HaiMianScreen.json
new file mode 100644
index 0000000..5e2b390
--- /dev/null
+++ b/public/static/libs/mapbox/style/HaiMianScreen.json
@@ -0,0 +1,206 @@
+{
+  "params": {
+    "basemap": "https://supermap2.wh-nf.cn:8090/bm",
+    "mvt": "https://supermap0.wh-nf.cn:8090/vt",
+    "sprites": [
+      "static/libs/mapbox/style/sprite/sprite6"
+    ],
+    "init": {
+      "center": [
+        114.342,
+        34.802
+      ],
+      "zoom": 11.5,
+      "pitch": 0,
+      "style": "/static/libs/mapbox/style/customs/whiteMapStyle.json"
+    },
+    "l7": {
+      "images": [
+        {
+          "name": "02",
+          "url": "https://gw.alipayobjects.com/zos/bmw-prod/ce83fc30-701f-415b-9750-4b146f4b3dd6.svg"
+        },
+        {
+          "name": "map_selected",
+          "url": "/static/libs/mapbox/style/sprite/map_selected.png"
+        }
+      ]
+    }
+  },
+  "ogc": [
+    {
+      "id": "newfiber-XYZLayer",
+      "type": "XYZLayer",
+      "params": {
+        "id": "newfiber-XYZLayer",
+        "url": "https://t{s}.tianditu.gov.cn/DataServer?T=img_w&X={x}&Y={y}&L={z}&tk=a603e07a17766447f9e74f14c5454efa",
+        "subdomains": [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "6",
+          "7"
+        ],
+        "minZoom": 1,
+        "maxZoom": 19,
+        "tileType": ""
+      },
+      "methods": [
+        {
+          "name": "addTo",
+          "params": [
+            "''||map"
+          ]
+        },
+        {
+          "name": "hide",
+          "params": []
+        }
+      ]
+    }
+  ],
+  "l7": [
+    {
+      "id": "",
+      "key": "highlight_point",
+      "type": "PointLayer",
+      "show": true,
+      "params": {
+        "zIndex": 0,
+        "blend": "additive"
+      },
+      "methods": [
+        {
+          "name": "shape",
+          "params": [
+            "map_selected"
+          ]
+        },
+        {
+          "name": "size",
+          "params": [
+            15
+          ]
+        },
+        {
+          "name": "style",
+          "params": [
+            {
+              "offsets": [
+                0,
+                0
+              ]
+            }
+          ]
+        }
+      ]
+    }
+  ],
+  "mapbox": [
+    {
+      "id": "point",
+      "key": "point",
+      "type": "symbol",
+      "minzoom": 0,
+      "maxzoom": 24,
+      "filter": [
+        "in",
+        "type",
+        "",
+        "online",
+        "error",
+        "offline",
+        "lowVoltage",
+        "to_punch",
+        "punched"
+      ],
+      "paint": {
+        "text-color": "rgba(255, 255, 255, 1)",
+        "text-halo-color": "rgba(14, 139, 90, 1)",
+        "text-halo-width": 2,
+        "text-opacity": [
+          "step",
+          [
+            "zoom"
+          ],
+          0,
+          13,
+          1
+        ]
+      },
+      "layout": {
+        "icon-image": [
+          "match",
+          [
+            "get",
+            "type"
+          ],
+          "YSBZ",
+          "rainBengZhan_icon",
+          "WSBZ",
+          "sewageBenZhan_icon",
+          "combineBengZhan",
+          "combineBengZhan_icon",
+          "sewageFactory",
+          "sewageFactory_icon",
+          "waterLoging",
+          "waterLoging_icon",
+          "waterCourse",
+          "waterCourse_icon",
+          "rainStation",
+          "rainStation_icon",
+          "origine",
+          "origine_icon",
+          "spongeFacility",
+          "spongeFacility_icon",
+          "pipeMonitor",
+          "pipeMonitor_icon",
+          "waterFactory",
+          "waterFactory_icon",
+          "ysbz"
+        ],
+        "text-allow-overlap": true,
+        "icon-allow-overlap": true,
+        "icon-anchor": "center",
+        "icon-size": 0.5,
+        "text-field": "{name}",
+        "text-font": [
+          "KlokanTech Noto Sans Regular"
+        ],
+        "text-size": 16,
+        "text-line-height": 3,
+        "text-anchor": "bottom",
+        "text-max-width": 50,
+        "text-offset": [
+          0,
+          3
+        ]
+      },
+      "mType": "geojson"
+    }
+  ],
+  "orders": [
+    [
+      "newfiber-XYZLayer"
+    ],
+    [
+      "poi_label"
+    ],
+    [
+      "place_label_city"
+    ],
+    [
+      "road_major_label"
+    ],
+    [
+      "place_label_other"
+    ],
+    [
+      "point"
+    ]
+  ],
+  "filter": {}
+}
\ No newline at end of file

diff --git a/public/static/libs/mapbox/style/HaiMianScreen.json b/public/static/libs/mapbox/style/HaiMianScreen.json
new file mode 100644
index 0000000..5e2b390
--- /dev/null
+++ b/public/static/libs/mapbox/style/HaiMianScreen.json
@@ -0,0 +1,206 @@
+{
+  "params": {
+    "basemap": "https://supermap2.wh-nf.cn:8090/bm",
+    "mvt": "https://supermap0.wh-nf.cn:8090/vt",
+    "sprites": [
+      "static/libs/mapbox/style/sprite/sprite6"
+    ],
+    "init": {
+      "center": [
+        114.342,
+        34.802
+      ],
+      "zoom": 11.5,
+      "pitch": 0,
+      "style": "/static/libs/mapbox/style/customs/whiteMapStyle.json"
+    },
+    "l7": {
+      "images": [
+        {
+          "name": "02",
+          "url": "https://gw.alipayobjects.com/zos/bmw-prod/ce83fc30-701f-415b-9750-4b146f4b3dd6.svg"
+        },
+        {
+          "name": "map_selected",
+          "url": "/static/libs/mapbox/style/sprite/map_selected.png"
+        }
+      ]
+    }
+  },
+  "ogc": [
+    {
+      "id": "newfiber-XYZLayer",
+      "type": "XYZLayer",
+      "params": {
+        "id": "newfiber-XYZLayer",
+        "url": "https://t{s}.tianditu.gov.cn/DataServer?T=img_w&X={x}&Y={y}&L={z}&tk=a603e07a17766447f9e74f14c5454efa",
+        "subdomains": [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "6",
+          "7"
+        ],
+        "minZoom": 1,
+        "maxZoom": 19,
+        "tileType": ""
+      },
+      "methods": [
+        {
+          "name": "addTo",
+          "params": [
+            "''||map"
+          ]
+        },
+        {
+          "name": "hide",
+          "params": []
+        }
+      ]
+    }
+  ],
+  "l7": [
+    {
+      "id": "",
+      "key": "highlight_point",
+      "type": "PointLayer",
+      "show": true,
+      "params": {
+        "zIndex": 0,
+        "blend": "additive"
+      },
+      "methods": [
+        {
+          "name": "shape",
+          "params": [
+            "map_selected"
+          ]
+        },
+        {
+          "name": "size",
+          "params": [
+            15
+          ]
+        },
+        {
+          "name": "style",
+          "params": [
+            {
+              "offsets": [
+                0,
+                0
+              ]
+            }
+          ]
+        }
+      ]
+    }
+  ],
+  "mapbox": [
+    {
+      "id": "point",
+      "key": "point",
+      "type": "symbol",
+      "minzoom": 0,
+      "maxzoom": 24,
+      "filter": [
+        "in",
+        "type",
+        "",
+        "online",
+        "error",
+        "offline",
+        "lowVoltage",
+        "to_punch",
+        "punched"
+      ],
+      "paint": {
+        "text-color": "rgba(255, 255, 255, 1)",
+        "text-halo-color": "rgba(14, 139, 90, 1)",
+        "text-halo-width": 2,
+        "text-opacity": [
+          "step",
+          [
+            "zoom"
+          ],
+          0,
+          13,
+          1
+        ]
+      },
+      "layout": {
+        "icon-image": [
+          "match",
+          [
+            "get",
+            "type"
+          ],
+          "YSBZ",
+          "rainBengZhan_icon",
+          "WSBZ",
+          "sewageBenZhan_icon",
+          "combineBengZhan",
+          "combineBengZhan_icon",
+          "sewageFactory",
+          "sewageFactory_icon",
+          "waterLoging",
+          "waterLoging_icon",
+          "waterCourse",
+          "waterCourse_icon",
+          "rainStation",
+          "rainStation_icon",
+          "origine",
+          "origine_icon",
+          "spongeFacility",
+          "spongeFacility_icon",
+          "pipeMonitor",
+          "pipeMonitor_icon",
+          "waterFactory",
+          "waterFactory_icon",
+          "ysbz"
+        ],
+        "text-allow-overlap": true,
+        "icon-allow-overlap": true,
+        "icon-anchor": "center",
+        "icon-size": 0.5,
+        "text-field": "{name}",
+        "text-font": [
+          "KlokanTech Noto Sans Regular"
+        ],
+        "text-size": 16,
+        "text-line-height": 3,
+        "text-anchor": "bottom",
+        "text-max-width": 50,
+        "text-offset": [
+          0,
+          3
+        ]
+      },
+      "mType": "geojson"
+    }
+  ],
+  "orders": [
+    [
+      "newfiber-XYZLayer"
+    ],
+    [
+      "poi_label"
+    ],
+    [
+      "place_label_city"
+    ],
+    [
+      "road_major_label"
+    ],
+    [
+      "place_label_other"
+    ],
+    [
+      "point"
+    ]
+  ],
+  "filter": {}
+}
\ No newline at end of file
diff --git a/public/static/libs/mapbox/style/sprite/sprite6.json b/public/static/libs/mapbox/style/sprite/sprite6.json
new file mode 100644
index 0000000..3406e12
--- /dev/null
+++ b/public/static/libs/mapbox/style/sprite/sprite6.json
@@ -0,0 +1,122 @@
+{
+  "hsj": {
+    "x": 0,
+    "y": 0,
+    "width": 30,
+    "height": 30,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "wsj": {
+    "x": 30,
+    "y": 0,
+    "width": 30,
+    "height": 30,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "ysj": {
+    "x": 60,
+    "y": 0,
+    "width": 30,
+    "height": 30,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "origine_icon": {
+    "x": 90,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "rainStation_icon": {
+    "x": 126,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "spongeFacility_icon": {
+    "x": 162,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "waterFactory_icon": {
+    "x": 198,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "waterLoging_icon": {
+    "x": 0,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "rainBengZhan_icon": {
+    "x": 36,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "combineBengZhan_icon": {
+    "x": 72,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "sewageBenZhan_icon": {
+    "x": 108,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "sewageFactory_icon": {
+    "x": 144,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "waterCourse_icon": {
+    "x": 180,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "pipeMonitor_icon": {
+    "x": 216,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "map_selected": {
+    "x": 0,
+    "y": 80,
+    "width": 48,
+    "height": 48,
+    "pixelRatio": 1,
+    "sdf": false
+  }
+}
\ No newline at end of file

diff --git a/public/static/libs/mapbox/style/HaiMianScreen.json b/public/static/libs/mapbox/style/HaiMianScreen.json
new file mode 100644
index 0000000..5e2b390
--- /dev/null
+++ b/public/static/libs/mapbox/style/HaiMianScreen.json
@@ -0,0 +1,206 @@
+{
+  "params": {
+    "basemap": "https://supermap2.wh-nf.cn:8090/bm",
+    "mvt": "https://supermap0.wh-nf.cn:8090/vt",
+    "sprites": [
+      "static/libs/mapbox/style/sprite/sprite6"
+    ],
+    "init": {
+      "center": [
+        114.342,
+        34.802
+      ],
+      "zoom": 11.5,
+      "pitch": 0,
+      "style": "/static/libs/mapbox/style/customs/whiteMapStyle.json"
+    },
+    "l7": {
+      "images": [
+        {
+          "name": "02",
+          "url": "https://gw.alipayobjects.com/zos/bmw-prod/ce83fc30-701f-415b-9750-4b146f4b3dd6.svg"
+        },
+        {
+          "name": "map_selected",
+          "url": "/static/libs/mapbox/style/sprite/map_selected.png"
+        }
+      ]
+    }
+  },
+  "ogc": [
+    {
+      "id": "newfiber-XYZLayer",
+      "type": "XYZLayer",
+      "params": {
+        "id": "newfiber-XYZLayer",
+        "url": "https://t{s}.tianditu.gov.cn/DataServer?T=img_w&X={x}&Y={y}&L={z}&tk=a603e07a17766447f9e74f14c5454efa",
+        "subdomains": [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "6",
+          "7"
+        ],
+        "minZoom": 1,
+        "maxZoom": 19,
+        "tileType": ""
+      },
+      "methods": [
+        {
+          "name": "addTo",
+          "params": [
+            "''||map"
+          ]
+        },
+        {
+          "name": "hide",
+          "params": []
+        }
+      ]
+    }
+  ],
+  "l7": [
+    {
+      "id": "",
+      "key": "highlight_point",
+      "type": "PointLayer",
+      "show": true,
+      "params": {
+        "zIndex": 0,
+        "blend": "additive"
+      },
+      "methods": [
+        {
+          "name": "shape",
+          "params": [
+            "map_selected"
+          ]
+        },
+        {
+          "name": "size",
+          "params": [
+            15
+          ]
+        },
+        {
+          "name": "style",
+          "params": [
+            {
+              "offsets": [
+                0,
+                0
+              ]
+            }
+          ]
+        }
+      ]
+    }
+  ],
+  "mapbox": [
+    {
+      "id": "point",
+      "key": "point",
+      "type": "symbol",
+      "minzoom": 0,
+      "maxzoom": 24,
+      "filter": [
+        "in",
+        "type",
+        "",
+        "online",
+        "error",
+        "offline",
+        "lowVoltage",
+        "to_punch",
+        "punched"
+      ],
+      "paint": {
+        "text-color": "rgba(255, 255, 255, 1)",
+        "text-halo-color": "rgba(14, 139, 90, 1)",
+        "text-halo-width": 2,
+        "text-opacity": [
+          "step",
+          [
+            "zoom"
+          ],
+          0,
+          13,
+          1
+        ]
+      },
+      "layout": {
+        "icon-image": [
+          "match",
+          [
+            "get",
+            "type"
+          ],
+          "YSBZ",
+          "rainBengZhan_icon",
+          "WSBZ",
+          "sewageBenZhan_icon",
+          "combineBengZhan",
+          "combineBengZhan_icon",
+          "sewageFactory",
+          "sewageFactory_icon",
+          "waterLoging",
+          "waterLoging_icon",
+          "waterCourse",
+          "waterCourse_icon",
+          "rainStation",
+          "rainStation_icon",
+          "origine",
+          "origine_icon",
+          "spongeFacility",
+          "spongeFacility_icon",
+          "pipeMonitor",
+          "pipeMonitor_icon",
+          "waterFactory",
+          "waterFactory_icon",
+          "ysbz"
+        ],
+        "text-allow-overlap": true,
+        "icon-allow-overlap": true,
+        "icon-anchor": "center",
+        "icon-size": 0.5,
+        "text-field": "{name}",
+        "text-font": [
+          "KlokanTech Noto Sans Regular"
+        ],
+        "text-size": 16,
+        "text-line-height": 3,
+        "text-anchor": "bottom",
+        "text-max-width": 50,
+        "text-offset": [
+          0,
+          3
+        ]
+      },
+      "mType": "geojson"
+    }
+  ],
+  "orders": [
+    [
+      "newfiber-XYZLayer"
+    ],
+    [
+      "poi_label"
+    ],
+    [
+      "place_label_city"
+    ],
+    [
+      "road_major_label"
+    ],
+    [
+      "place_label_other"
+    ],
+    [
+      "point"
+    ]
+  ],
+  "filter": {}
+}
\ No newline at end of file
diff --git a/public/static/libs/mapbox/style/sprite/sprite6.json b/public/static/libs/mapbox/style/sprite/sprite6.json
new file mode 100644
index 0000000..3406e12
--- /dev/null
+++ b/public/static/libs/mapbox/style/sprite/sprite6.json
@@ -0,0 +1,122 @@
+{
+  "hsj": {
+    "x": 0,
+    "y": 0,
+    "width": 30,
+    "height": 30,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "wsj": {
+    "x": 30,
+    "y": 0,
+    "width": 30,
+    "height": 30,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "ysj": {
+    "x": 60,
+    "y": 0,
+    "width": 30,
+    "height": 30,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "origine_icon": {
+    "x": 90,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "rainStation_icon": {
+    "x": 126,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "spongeFacility_icon": {
+    "x": 162,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "waterFactory_icon": {
+    "x": 198,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "waterLoging_icon": {
+    "x": 0,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "rainBengZhan_icon": {
+    "x": 36,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "combineBengZhan_icon": {
+    "x": 72,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "sewageBenZhan_icon": {
+    "x": 108,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "sewageFactory_icon": {
+    "x": 144,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "waterCourse_icon": {
+    "x": 180,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "pipeMonitor_icon": {
+    "x": 216,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "map_selected": {
+    "x": 0,
+    "y": 80,
+    "width": 48,
+    "height": 48,
+    "pixelRatio": 1,
+    "sdf": false
+  }
+}
\ No newline at end of file
diff --git a/public/static/libs/mapbox/style/sprite/sprite6.png b/public/static/libs/mapbox/style/sprite/sprite6.png
new file mode 100644
index 0000000..92820e0
--- /dev/null
+++ b/public/static/libs/mapbox/style/sprite/sprite6.png
Binary files differ

diff --git a/public/static/libs/mapbox/style/HaiMianScreen.json b/public/static/libs/mapbox/style/HaiMianScreen.json
new file mode 100644
index 0000000..5e2b390
--- /dev/null
+++ b/public/static/libs/mapbox/style/HaiMianScreen.json
@@ -0,0 +1,206 @@
+{
+  "params": {
+    "basemap": "https://supermap2.wh-nf.cn:8090/bm",
+    "mvt": "https://supermap0.wh-nf.cn:8090/vt",
+    "sprites": [
+      "static/libs/mapbox/style/sprite/sprite6"
+    ],
+    "init": {
+      "center": [
+        114.342,
+        34.802
+      ],
+      "zoom": 11.5,
+      "pitch": 0,
+      "style": "/static/libs/mapbox/style/customs/whiteMapStyle.json"
+    },
+    "l7": {
+      "images": [
+        {
+          "name": "02",
+          "url": "https://gw.alipayobjects.com/zos/bmw-prod/ce83fc30-701f-415b-9750-4b146f4b3dd6.svg"
+        },
+        {
+          "name": "map_selected",
+          "url": "/static/libs/mapbox/style/sprite/map_selected.png"
+        }
+      ]
+    }
+  },
+  "ogc": [
+    {
+      "id": "newfiber-XYZLayer",
+      "type": "XYZLayer",
+      "params": {
+        "id": "newfiber-XYZLayer",
+        "url": "https://t{s}.tianditu.gov.cn/DataServer?T=img_w&X={x}&Y={y}&L={z}&tk=a603e07a17766447f9e74f14c5454efa",
+        "subdomains": [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "6",
+          "7"
+        ],
+        "minZoom": 1,
+        "maxZoom": 19,
+        "tileType": ""
+      },
+      "methods": [
+        {
+          "name": "addTo",
+          "params": [
+            "''||map"
+          ]
+        },
+        {
+          "name": "hide",
+          "params": []
+        }
+      ]
+    }
+  ],
+  "l7": [
+    {
+      "id": "",
+      "key": "highlight_point",
+      "type": "PointLayer",
+      "show": true,
+      "params": {
+        "zIndex": 0,
+        "blend": "additive"
+      },
+      "methods": [
+        {
+          "name": "shape",
+          "params": [
+            "map_selected"
+          ]
+        },
+        {
+          "name": "size",
+          "params": [
+            15
+          ]
+        },
+        {
+          "name": "style",
+          "params": [
+            {
+              "offsets": [
+                0,
+                0
+              ]
+            }
+          ]
+        }
+      ]
+    }
+  ],
+  "mapbox": [
+    {
+      "id": "point",
+      "key": "point",
+      "type": "symbol",
+      "minzoom": 0,
+      "maxzoom": 24,
+      "filter": [
+        "in",
+        "type",
+        "",
+        "online",
+        "error",
+        "offline",
+        "lowVoltage",
+        "to_punch",
+        "punched"
+      ],
+      "paint": {
+        "text-color": "rgba(255, 255, 255, 1)",
+        "text-halo-color": "rgba(14, 139, 90, 1)",
+        "text-halo-width": 2,
+        "text-opacity": [
+          "step",
+          [
+            "zoom"
+          ],
+          0,
+          13,
+          1
+        ]
+      },
+      "layout": {
+        "icon-image": [
+          "match",
+          [
+            "get",
+            "type"
+          ],
+          "YSBZ",
+          "rainBengZhan_icon",
+          "WSBZ",
+          "sewageBenZhan_icon",
+          "combineBengZhan",
+          "combineBengZhan_icon",
+          "sewageFactory",
+          "sewageFactory_icon",
+          "waterLoging",
+          "waterLoging_icon",
+          "waterCourse",
+          "waterCourse_icon",
+          "rainStation",
+          "rainStation_icon",
+          "origine",
+          "origine_icon",
+          "spongeFacility",
+          "spongeFacility_icon",
+          "pipeMonitor",
+          "pipeMonitor_icon",
+          "waterFactory",
+          "waterFactory_icon",
+          "ysbz"
+        ],
+        "text-allow-overlap": true,
+        "icon-allow-overlap": true,
+        "icon-anchor": "center",
+        "icon-size": 0.5,
+        "text-field": "{name}",
+        "text-font": [
+          "KlokanTech Noto Sans Regular"
+        ],
+        "text-size": 16,
+        "text-line-height": 3,
+        "text-anchor": "bottom",
+        "text-max-width": 50,
+        "text-offset": [
+          0,
+          3
+        ]
+      },
+      "mType": "geojson"
+    }
+  ],
+  "orders": [
+    [
+      "newfiber-XYZLayer"
+    ],
+    [
+      "poi_label"
+    ],
+    [
+      "place_label_city"
+    ],
+    [
+      "road_major_label"
+    ],
+    [
+      "place_label_other"
+    ],
+    [
+      "point"
+    ]
+  ],
+  "filter": {}
+}
\ No newline at end of file
diff --git a/public/static/libs/mapbox/style/sprite/sprite6.json b/public/static/libs/mapbox/style/sprite/sprite6.json
new file mode 100644
index 0000000..3406e12
--- /dev/null
+++ b/public/static/libs/mapbox/style/sprite/sprite6.json
@@ -0,0 +1,122 @@
+{
+  "hsj": {
+    "x": 0,
+    "y": 0,
+    "width": 30,
+    "height": 30,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "wsj": {
+    "x": 30,
+    "y": 0,
+    "width": 30,
+    "height": 30,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "ysj": {
+    "x": 60,
+    "y": 0,
+    "width": 30,
+    "height": 30,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "origine_icon": {
+    "x": 90,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "rainStation_icon": {
+    "x": 126,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "spongeFacility_icon": {
+    "x": 162,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "waterFactory_icon": {
+    "x": 198,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "waterLoging_icon": {
+    "x": 0,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "rainBengZhan_icon": {
+    "x": 36,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "combineBengZhan_icon": {
+    "x": 72,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "sewageBenZhan_icon": {
+    "x": 108,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "sewageFactory_icon": {
+    "x": 144,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "waterCourse_icon": {
+    "x": 180,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "pipeMonitor_icon": {
+    "x": 216,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "map_selected": {
+    "x": 0,
+    "y": 80,
+    "width": 48,
+    "height": 48,
+    "pixelRatio": 1,
+    "sdf": false
+  }
+}
\ No newline at end of file
diff --git a/public/static/libs/mapbox/style/sprite/sprite6.png b/public/static/libs/mapbox/style/sprite/sprite6.png
new file mode 100644
index 0000000..92820e0
--- /dev/null
+++ b/public/static/libs/mapbox/style/sprite/sprite6.png
Binary files differ
diff --git a/public/static/libs/mapbox/style/sprite/sprite6@2x.json b/public/static/libs/mapbox/style/sprite/sprite6@2x.json
new file mode 100644
index 0000000..3406e12
--- /dev/null
+++ b/public/static/libs/mapbox/style/sprite/sprite6@2x.json
@@ -0,0 +1,122 @@
+{
+  "hsj": {
+    "x": 0,
+    "y": 0,
+    "width": 30,
+    "height": 30,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "wsj": {
+    "x": 30,
+    "y": 0,
+    "width": 30,
+    "height": 30,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "ysj": {
+    "x": 60,
+    "y": 0,
+    "width": 30,
+    "height": 30,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "origine_icon": {
+    "x": 90,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "rainStation_icon": {
+    "x": 126,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "spongeFacility_icon": {
+    "x": 162,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "waterFactory_icon": {
+    "x": 198,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "waterLoging_icon": {
+    "x": 0,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "rainBengZhan_icon": {
+    "x": 36,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "combineBengZhan_icon": {
+    "x": 72,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "sewageBenZhan_icon": {
+    "x": 108,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "sewageFactory_icon": {
+    "x": 144,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "waterCourse_icon": {
+    "x": 180,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "pipeMonitor_icon": {
+    "x": 216,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "map_selected": {
+    "x": 0,
+    "y": 80,
+    "width": 48,
+    "height": 48,
+    "pixelRatio": 1,
+    "sdf": false
+  }
+}
\ No newline at end of file

diff --git a/public/static/libs/mapbox/style/HaiMianScreen.json b/public/static/libs/mapbox/style/HaiMianScreen.json
new file mode 100644
index 0000000..5e2b390
--- /dev/null
+++ b/public/static/libs/mapbox/style/HaiMianScreen.json
@@ -0,0 +1,206 @@
+{
+  "params": {
+    "basemap": "https://supermap2.wh-nf.cn:8090/bm",
+    "mvt": "https://supermap0.wh-nf.cn:8090/vt",
+    "sprites": [
+      "static/libs/mapbox/style/sprite/sprite6"
+    ],
+    "init": {
+      "center": [
+        114.342,
+        34.802
+      ],
+      "zoom": 11.5,
+      "pitch": 0,
+      "style": "/static/libs/mapbox/style/customs/whiteMapStyle.json"
+    },
+    "l7": {
+      "images": [
+        {
+          "name": "02",
+          "url": "https://gw.alipayobjects.com/zos/bmw-prod/ce83fc30-701f-415b-9750-4b146f4b3dd6.svg"
+        },
+        {
+          "name": "map_selected",
+          "url": "/static/libs/mapbox/style/sprite/map_selected.png"
+        }
+      ]
+    }
+  },
+  "ogc": [
+    {
+      "id": "newfiber-XYZLayer",
+      "type": "XYZLayer",
+      "params": {
+        "id": "newfiber-XYZLayer",
+        "url": "https://t{s}.tianditu.gov.cn/DataServer?T=img_w&X={x}&Y={y}&L={z}&tk=a603e07a17766447f9e74f14c5454efa",
+        "subdomains": [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "6",
+          "7"
+        ],
+        "minZoom": 1,
+        "maxZoom": 19,
+        "tileType": ""
+      },
+      "methods": [
+        {
+          "name": "addTo",
+          "params": [
+            "''||map"
+          ]
+        },
+        {
+          "name": "hide",
+          "params": []
+        }
+      ]
+    }
+  ],
+  "l7": [
+    {
+      "id": "",
+      "key": "highlight_point",
+      "type": "PointLayer",
+      "show": true,
+      "params": {
+        "zIndex": 0,
+        "blend": "additive"
+      },
+      "methods": [
+        {
+          "name": "shape",
+          "params": [
+            "map_selected"
+          ]
+        },
+        {
+          "name": "size",
+          "params": [
+            15
+          ]
+        },
+        {
+          "name": "style",
+          "params": [
+            {
+              "offsets": [
+                0,
+                0
+              ]
+            }
+          ]
+        }
+      ]
+    }
+  ],
+  "mapbox": [
+    {
+      "id": "point",
+      "key": "point",
+      "type": "symbol",
+      "minzoom": 0,
+      "maxzoom": 24,
+      "filter": [
+        "in",
+        "type",
+        "",
+        "online",
+        "error",
+        "offline",
+        "lowVoltage",
+        "to_punch",
+        "punched"
+      ],
+      "paint": {
+        "text-color": "rgba(255, 255, 255, 1)",
+        "text-halo-color": "rgba(14, 139, 90, 1)",
+        "text-halo-width": 2,
+        "text-opacity": [
+          "step",
+          [
+            "zoom"
+          ],
+          0,
+          13,
+          1
+        ]
+      },
+      "layout": {
+        "icon-image": [
+          "match",
+          [
+            "get",
+            "type"
+          ],
+          "YSBZ",
+          "rainBengZhan_icon",
+          "WSBZ",
+          "sewageBenZhan_icon",
+          "combineBengZhan",
+          "combineBengZhan_icon",
+          "sewageFactory",
+          "sewageFactory_icon",
+          "waterLoging",
+          "waterLoging_icon",
+          "waterCourse",
+          "waterCourse_icon",
+          "rainStation",
+          "rainStation_icon",
+          "origine",
+          "origine_icon",
+          "spongeFacility",
+          "spongeFacility_icon",
+          "pipeMonitor",
+          "pipeMonitor_icon",
+          "waterFactory",
+          "waterFactory_icon",
+          "ysbz"
+        ],
+        "text-allow-overlap": true,
+        "icon-allow-overlap": true,
+        "icon-anchor": "center",
+        "icon-size": 0.5,
+        "text-field": "{name}",
+        "text-font": [
+          "KlokanTech Noto Sans Regular"
+        ],
+        "text-size": 16,
+        "text-line-height": 3,
+        "text-anchor": "bottom",
+        "text-max-width": 50,
+        "text-offset": [
+          0,
+          3
+        ]
+      },
+      "mType": "geojson"
+    }
+  ],
+  "orders": [
+    [
+      "newfiber-XYZLayer"
+    ],
+    [
+      "poi_label"
+    ],
+    [
+      "place_label_city"
+    ],
+    [
+      "road_major_label"
+    ],
+    [
+      "place_label_other"
+    ],
+    [
+      "point"
+    ]
+  ],
+  "filter": {}
+}
\ No newline at end of file
diff --git a/public/static/libs/mapbox/style/sprite/sprite6.json b/public/static/libs/mapbox/style/sprite/sprite6.json
new file mode 100644
index 0000000..3406e12
--- /dev/null
+++ b/public/static/libs/mapbox/style/sprite/sprite6.json
@@ -0,0 +1,122 @@
+{
+  "hsj": {
+    "x": 0,
+    "y": 0,
+    "width": 30,
+    "height": 30,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "wsj": {
+    "x": 30,
+    "y": 0,
+    "width": 30,
+    "height": 30,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "ysj": {
+    "x": 60,
+    "y": 0,
+    "width": 30,
+    "height": 30,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "origine_icon": {
+    "x": 90,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "rainStation_icon": {
+    "x": 126,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "spongeFacility_icon": {
+    "x": 162,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "waterFactory_icon": {
+    "x": 198,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "waterLoging_icon": {
+    "x": 0,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "rainBengZhan_icon": {
+    "x": 36,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "combineBengZhan_icon": {
+    "x": 72,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "sewageBenZhan_icon": {
+    "x": 108,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "sewageFactory_icon": {
+    "x": 144,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "waterCourse_icon": {
+    "x": 180,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "pipeMonitor_icon": {
+    "x": 216,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "map_selected": {
+    "x": 0,
+    "y": 80,
+    "width": 48,
+    "height": 48,
+    "pixelRatio": 1,
+    "sdf": false
+  }
+}
\ No newline at end of file
diff --git a/public/static/libs/mapbox/style/sprite/sprite6.png b/public/static/libs/mapbox/style/sprite/sprite6.png
new file mode 100644
index 0000000..92820e0
--- /dev/null
+++ b/public/static/libs/mapbox/style/sprite/sprite6.png
Binary files differ
diff --git a/public/static/libs/mapbox/style/sprite/sprite6@2x.json b/public/static/libs/mapbox/style/sprite/sprite6@2x.json
new file mode 100644
index 0000000..3406e12
--- /dev/null
+++ b/public/static/libs/mapbox/style/sprite/sprite6@2x.json
@@ -0,0 +1,122 @@
+{
+  "hsj": {
+    "x": 0,
+    "y": 0,
+    "width": 30,
+    "height": 30,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "wsj": {
+    "x": 30,
+    "y": 0,
+    "width": 30,
+    "height": 30,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "ysj": {
+    "x": 60,
+    "y": 0,
+    "width": 30,
+    "height": 30,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "origine_icon": {
+    "x": 90,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "rainStation_icon": {
+    "x": 126,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "spongeFacility_icon": {
+    "x": 162,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "waterFactory_icon": {
+    "x": 198,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "waterLoging_icon": {
+    "x": 0,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "rainBengZhan_icon": {
+    "x": 36,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "combineBengZhan_icon": {
+    "x": 72,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "sewageBenZhan_icon": {
+    "x": 108,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "sewageFactory_icon": {
+    "x": 144,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "waterCourse_icon": {
+    "x": 180,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "pipeMonitor_icon": {
+    "x": 216,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "map_selected": {
+    "x": 0,
+    "y": 80,
+    "width": 48,
+    "height": 48,
+    "pixelRatio": 1,
+    "sdf": false
+  }
+}
\ No newline at end of file
diff --git a/public/static/libs/mapbox/style/sprite/sprite6@2x.png b/public/static/libs/mapbox/style/sprite/sprite6@2x.png
new file mode 100644
index 0000000..92820e0
--- /dev/null
+++ b/public/static/libs/mapbox/style/sprite/sprite6@2x.png
Binary files differ

diff --git a/public/static/libs/mapbox/style/HaiMianScreen.json b/public/static/libs/mapbox/style/HaiMianScreen.json
new file mode 100644
index 0000000..5e2b390
--- /dev/null
+++ b/public/static/libs/mapbox/style/HaiMianScreen.json
@@ -0,0 +1,206 @@
+{
+  "params": {
+    "basemap": "https://supermap2.wh-nf.cn:8090/bm",
+    "mvt": "https://supermap0.wh-nf.cn:8090/vt",
+    "sprites": [
+      "static/libs/mapbox/style/sprite/sprite6"
+    ],
+    "init": {
+      "center": [
+        114.342,
+        34.802
+      ],
+      "zoom": 11.5,
+      "pitch": 0,
+      "style": "/static/libs/mapbox/style/customs/whiteMapStyle.json"
+    },
+    "l7": {
+      "images": [
+        {
+          "name": "02",
+          "url": "https://gw.alipayobjects.com/zos/bmw-prod/ce83fc30-701f-415b-9750-4b146f4b3dd6.svg"
+        },
+        {
+          "name": "map_selected",
+          "url": "/static/libs/mapbox/style/sprite/map_selected.png"
+        }
+      ]
+    }
+  },
+  "ogc": [
+    {
+      "id": "newfiber-XYZLayer",
+      "type": "XYZLayer",
+      "params": {
+        "id": "newfiber-XYZLayer",
+        "url": "https://t{s}.tianditu.gov.cn/DataServer?T=img_w&X={x}&Y={y}&L={z}&tk=a603e07a17766447f9e74f14c5454efa",
+        "subdomains": [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "6",
+          "7"
+        ],
+        "minZoom": 1,
+        "maxZoom": 19,
+        "tileType": ""
+      },
+      "methods": [
+        {
+          "name": "addTo",
+          "params": [
+            "''||map"
+          ]
+        },
+        {
+          "name": "hide",
+          "params": []
+        }
+      ]
+    }
+  ],
+  "l7": [
+    {
+      "id": "",
+      "key": "highlight_point",
+      "type": "PointLayer",
+      "show": true,
+      "params": {
+        "zIndex": 0,
+        "blend": "additive"
+      },
+      "methods": [
+        {
+          "name": "shape",
+          "params": [
+            "map_selected"
+          ]
+        },
+        {
+          "name": "size",
+          "params": [
+            15
+          ]
+        },
+        {
+          "name": "style",
+          "params": [
+            {
+              "offsets": [
+                0,
+                0
+              ]
+            }
+          ]
+        }
+      ]
+    }
+  ],
+  "mapbox": [
+    {
+      "id": "point",
+      "key": "point",
+      "type": "symbol",
+      "minzoom": 0,
+      "maxzoom": 24,
+      "filter": [
+        "in",
+        "type",
+        "",
+        "online",
+        "error",
+        "offline",
+        "lowVoltage",
+        "to_punch",
+        "punched"
+      ],
+      "paint": {
+        "text-color": "rgba(255, 255, 255, 1)",
+        "text-halo-color": "rgba(14, 139, 90, 1)",
+        "text-halo-width": 2,
+        "text-opacity": [
+          "step",
+          [
+            "zoom"
+          ],
+          0,
+          13,
+          1
+        ]
+      },
+      "layout": {
+        "icon-image": [
+          "match",
+          [
+            "get",
+            "type"
+          ],
+          "YSBZ",
+          "rainBengZhan_icon",
+          "WSBZ",
+          "sewageBenZhan_icon",
+          "combineBengZhan",
+          "combineBengZhan_icon",
+          "sewageFactory",
+          "sewageFactory_icon",
+          "waterLoging",
+          "waterLoging_icon",
+          "waterCourse",
+          "waterCourse_icon",
+          "rainStation",
+          "rainStation_icon",
+          "origine",
+          "origine_icon",
+          "spongeFacility",
+          "spongeFacility_icon",
+          "pipeMonitor",
+          "pipeMonitor_icon",
+          "waterFactory",
+          "waterFactory_icon",
+          "ysbz"
+        ],
+        "text-allow-overlap": true,
+        "icon-allow-overlap": true,
+        "icon-anchor": "center",
+        "icon-size": 0.5,
+        "text-field": "{name}",
+        "text-font": [
+          "KlokanTech Noto Sans Regular"
+        ],
+        "text-size": 16,
+        "text-line-height": 3,
+        "text-anchor": "bottom",
+        "text-max-width": 50,
+        "text-offset": [
+          0,
+          3
+        ]
+      },
+      "mType": "geojson"
+    }
+  ],
+  "orders": [
+    [
+      "newfiber-XYZLayer"
+    ],
+    [
+      "poi_label"
+    ],
+    [
+      "place_label_city"
+    ],
+    [
+      "road_major_label"
+    ],
+    [
+      "place_label_other"
+    ],
+    [
+      "point"
+    ]
+  ],
+  "filter": {}
+}
\ No newline at end of file
diff --git a/public/static/libs/mapbox/style/sprite/sprite6.json b/public/static/libs/mapbox/style/sprite/sprite6.json
new file mode 100644
index 0000000..3406e12
--- /dev/null
+++ b/public/static/libs/mapbox/style/sprite/sprite6.json
@@ -0,0 +1,122 @@
+{
+  "hsj": {
+    "x": 0,
+    "y": 0,
+    "width": 30,
+    "height": 30,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "wsj": {
+    "x": 30,
+    "y": 0,
+    "width": 30,
+    "height": 30,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "ysj": {
+    "x": 60,
+    "y": 0,
+    "width": 30,
+    "height": 30,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "origine_icon": {
+    "x": 90,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "rainStation_icon": {
+    "x": 126,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "spongeFacility_icon": {
+    "x": 162,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "waterFactory_icon": {
+    "x": 198,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "waterLoging_icon": {
+    "x": 0,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "rainBengZhan_icon": {
+    "x": 36,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "combineBengZhan_icon": {
+    "x": 72,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "sewageBenZhan_icon": {
+    "x": 108,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "sewageFactory_icon": {
+    "x": 144,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "waterCourse_icon": {
+    "x": 180,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "pipeMonitor_icon": {
+    "x": 216,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "map_selected": {
+    "x": 0,
+    "y": 80,
+    "width": 48,
+    "height": 48,
+    "pixelRatio": 1,
+    "sdf": false
+  }
+}
\ No newline at end of file
diff --git a/public/static/libs/mapbox/style/sprite/sprite6.png b/public/static/libs/mapbox/style/sprite/sprite6.png
new file mode 100644
index 0000000..92820e0
--- /dev/null
+++ b/public/static/libs/mapbox/style/sprite/sprite6.png
Binary files differ
diff --git a/public/static/libs/mapbox/style/sprite/sprite6@2x.json b/public/static/libs/mapbox/style/sprite/sprite6@2x.json
new file mode 100644
index 0000000..3406e12
--- /dev/null
+++ b/public/static/libs/mapbox/style/sprite/sprite6@2x.json
@@ -0,0 +1,122 @@
+{
+  "hsj": {
+    "x": 0,
+    "y": 0,
+    "width": 30,
+    "height": 30,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "wsj": {
+    "x": 30,
+    "y": 0,
+    "width": 30,
+    "height": 30,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "ysj": {
+    "x": 60,
+    "y": 0,
+    "width": 30,
+    "height": 30,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "origine_icon": {
+    "x": 90,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "rainStation_icon": {
+    "x": 126,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "spongeFacility_icon": {
+    "x": 162,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "waterFactory_icon": {
+    "x": 198,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "waterLoging_icon": {
+    "x": 0,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "rainBengZhan_icon": {
+    "x": 36,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "combineBengZhan_icon": {
+    "x": 72,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "sewageBenZhan_icon": {
+    "x": 108,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "sewageFactory_icon": {
+    "x": 144,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "waterCourse_icon": {
+    "x": 180,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "pipeMonitor_icon": {
+    "x": 216,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "map_selected": {
+    "x": 0,
+    "y": 80,
+    "width": 48,
+    "height": 48,
+    "pixelRatio": 1,
+    "sdf": false
+  }
+}
\ No newline at end of file
diff --git a/public/static/libs/mapbox/style/sprite/sprite6@2x.png b/public/static/libs/mapbox/style/sprite/sprite6@2x.png
new file mode 100644
index 0000000..92820e0
--- /dev/null
+++ b/public/static/libs/mapbox/style/sprite/sprite6@2x.png
Binary files differ
diff --git a/src/api/informationManagement.js b/src/api/informationManagement.js
index 2f27dd1..3c147eb 100644
--- a/src/api/informationManagement.js
+++ b/src/api/informationManagement.js
@@ -8,3 +8,59 @@
     params: query,
   });
 }
+// 获取海绵一张图泵站信息
+export function oneMapFacilityPumpList(params) {
+  return request({
+    url: `/business/facilityPump/list`,
+    method: 'get',
+    params,
+  });
+}
+// 获取污水厂信息管理列表
+export function haiMianfacilitySewagePage(params) {
+  return request({
+    url: `/business/facilitySewage/list`,
+    method: 'get',
+    params,
+  });
+}
+// 易涝点数据
+export function waterloggingPointList(query) {
+  return request({
+    url: '/business/preventFlood/waterloggingPoint/list',
+    method: 'get',
+    params: query,
+  });
+}
+// 海绵设施
+export function queryProjectStation(data) {
+  return request({
+    url: '/business/projectInfoNew/queryProjectStation',
+    method: 'post',
+    data: data,
+  });
+}
+// 获取所有站点设备
+export function getStationList(query) {
+  return request({
+    url: '/business/rtuSiteInfo/list',
+    method: 'get',
+    params: query,
+  });
+}
+// 排水防涝一屏概览    物联感知-雨量监测-雨量数据采集
+export function realtimeRainfallStatistics(query) {
+  return request({
+    url: '/business/preventFlood/oneMap/rtuSite/realtimeRainfallStatistics',
+    method: 'get',
+    params: query,
+  });
+}
+// // 供水厂-搜索
+// export function waterCompPage(query) {
+//   return request({
+//     url: '/scada/waterPlantInfo/page',
+//     method: 'get',
+//     params: query,
+//   });
+// }

diff --git a/public/static/libs/mapbox/style/HaiMianScreen.json b/public/static/libs/mapbox/style/HaiMianScreen.json
new file mode 100644
index 0000000..5e2b390
--- /dev/null
+++ b/public/static/libs/mapbox/style/HaiMianScreen.json
@@ -0,0 +1,206 @@
+{
+  "params": {
+    "basemap": "https://supermap2.wh-nf.cn:8090/bm",
+    "mvt": "https://supermap0.wh-nf.cn:8090/vt",
+    "sprites": [
+      "static/libs/mapbox/style/sprite/sprite6"
+    ],
+    "init": {
+      "center": [
+        114.342,
+        34.802
+      ],
+      "zoom": 11.5,
+      "pitch": 0,
+      "style": "/static/libs/mapbox/style/customs/whiteMapStyle.json"
+    },
+    "l7": {
+      "images": [
+        {
+          "name": "02",
+          "url": "https://gw.alipayobjects.com/zos/bmw-prod/ce83fc30-701f-415b-9750-4b146f4b3dd6.svg"
+        },
+        {
+          "name": "map_selected",
+          "url": "/static/libs/mapbox/style/sprite/map_selected.png"
+        }
+      ]
+    }
+  },
+  "ogc": [
+    {
+      "id": "newfiber-XYZLayer",
+      "type": "XYZLayer",
+      "params": {
+        "id": "newfiber-XYZLayer",
+        "url": "https://t{s}.tianditu.gov.cn/DataServer?T=img_w&X={x}&Y={y}&L={z}&tk=a603e07a17766447f9e74f14c5454efa",
+        "subdomains": [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "6",
+          "7"
+        ],
+        "minZoom": 1,
+        "maxZoom": 19,
+        "tileType": ""
+      },
+      "methods": [
+        {
+          "name": "addTo",
+          "params": [
+            "''||map"
+          ]
+        },
+        {
+          "name": "hide",
+          "params": []
+        }
+      ]
+    }
+  ],
+  "l7": [
+    {
+      "id": "",
+      "key": "highlight_point",
+      "type": "PointLayer",
+      "show": true,
+      "params": {
+        "zIndex": 0,
+        "blend": "additive"
+      },
+      "methods": [
+        {
+          "name": "shape",
+          "params": [
+            "map_selected"
+          ]
+        },
+        {
+          "name": "size",
+          "params": [
+            15
+          ]
+        },
+        {
+          "name": "style",
+          "params": [
+            {
+              "offsets": [
+                0,
+                0
+              ]
+            }
+          ]
+        }
+      ]
+    }
+  ],
+  "mapbox": [
+    {
+      "id": "point",
+      "key": "point",
+      "type": "symbol",
+      "minzoom": 0,
+      "maxzoom": 24,
+      "filter": [
+        "in",
+        "type",
+        "",
+        "online",
+        "error",
+        "offline",
+        "lowVoltage",
+        "to_punch",
+        "punched"
+      ],
+      "paint": {
+        "text-color": "rgba(255, 255, 255, 1)",
+        "text-halo-color": "rgba(14, 139, 90, 1)",
+        "text-halo-width": 2,
+        "text-opacity": [
+          "step",
+          [
+            "zoom"
+          ],
+          0,
+          13,
+          1
+        ]
+      },
+      "layout": {
+        "icon-image": [
+          "match",
+          [
+            "get",
+            "type"
+          ],
+          "YSBZ",
+          "rainBengZhan_icon",
+          "WSBZ",
+          "sewageBenZhan_icon",
+          "combineBengZhan",
+          "combineBengZhan_icon",
+          "sewageFactory",
+          "sewageFactory_icon",
+          "waterLoging",
+          "waterLoging_icon",
+          "waterCourse",
+          "waterCourse_icon",
+          "rainStation",
+          "rainStation_icon",
+          "origine",
+          "origine_icon",
+          "spongeFacility",
+          "spongeFacility_icon",
+          "pipeMonitor",
+          "pipeMonitor_icon",
+          "waterFactory",
+          "waterFactory_icon",
+          "ysbz"
+        ],
+        "text-allow-overlap": true,
+        "icon-allow-overlap": true,
+        "icon-anchor": "center",
+        "icon-size": 0.5,
+        "text-field": "{name}",
+        "text-font": [
+          "KlokanTech Noto Sans Regular"
+        ],
+        "text-size": 16,
+        "text-line-height": 3,
+        "text-anchor": "bottom",
+        "text-max-width": 50,
+        "text-offset": [
+          0,
+          3
+        ]
+      },
+      "mType": "geojson"
+    }
+  ],
+  "orders": [
+    [
+      "newfiber-XYZLayer"
+    ],
+    [
+      "poi_label"
+    ],
+    [
+      "place_label_city"
+    ],
+    [
+      "road_major_label"
+    ],
+    [
+      "place_label_other"
+    ],
+    [
+      "point"
+    ]
+  ],
+  "filter": {}
+}
\ No newline at end of file
diff --git a/public/static/libs/mapbox/style/sprite/sprite6.json b/public/static/libs/mapbox/style/sprite/sprite6.json
new file mode 100644
index 0000000..3406e12
--- /dev/null
+++ b/public/static/libs/mapbox/style/sprite/sprite6.json
@@ -0,0 +1,122 @@
+{
+  "hsj": {
+    "x": 0,
+    "y": 0,
+    "width": 30,
+    "height": 30,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "wsj": {
+    "x": 30,
+    "y": 0,
+    "width": 30,
+    "height": 30,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "ysj": {
+    "x": 60,
+    "y": 0,
+    "width": 30,
+    "height": 30,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "origine_icon": {
+    "x": 90,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "rainStation_icon": {
+    "x": 126,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "spongeFacility_icon": {
+    "x": 162,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "waterFactory_icon": {
+    "x": 198,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "waterLoging_icon": {
+    "x": 0,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "rainBengZhan_icon": {
+    "x": 36,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "combineBengZhan_icon": {
+    "x": 72,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "sewageBenZhan_icon": {
+    "x": 108,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "sewageFactory_icon": {
+    "x": 144,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "waterCourse_icon": {
+    "x": 180,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "pipeMonitor_icon": {
+    "x": 216,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "map_selected": {
+    "x": 0,
+    "y": 80,
+    "width": 48,
+    "height": 48,
+    "pixelRatio": 1,
+    "sdf": false
+  }
+}
\ No newline at end of file
diff --git a/public/static/libs/mapbox/style/sprite/sprite6.png b/public/static/libs/mapbox/style/sprite/sprite6.png
new file mode 100644
index 0000000..92820e0
--- /dev/null
+++ b/public/static/libs/mapbox/style/sprite/sprite6.png
Binary files differ
diff --git a/public/static/libs/mapbox/style/sprite/sprite6@2x.json b/public/static/libs/mapbox/style/sprite/sprite6@2x.json
new file mode 100644
index 0000000..3406e12
--- /dev/null
+++ b/public/static/libs/mapbox/style/sprite/sprite6@2x.json
@@ -0,0 +1,122 @@
+{
+  "hsj": {
+    "x": 0,
+    "y": 0,
+    "width": 30,
+    "height": 30,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "wsj": {
+    "x": 30,
+    "y": 0,
+    "width": 30,
+    "height": 30,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "ysj": {
+    "x": 60,
+    "y": 0,
+    "width": 30,
+    "height": 30,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "origine_icon": {
+    "x": 90,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "rainStation_icon": {
+    "x": 126,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "spongeFacility_icon": {
+    "x": 162,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "waterFactory_icon": {
+    "x": 198,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "waterLoging_icon": {
+    "x": 0,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "rainBengZhan_icon": {
+    "x": 36,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "combineBengZhan_icon": {
+    "x": 72,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "sewageBenZhan_icon": {
+    "x": 108,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "sewageFactory_icon": {
+    "x": 144,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "waterCourse_icon": {
+    "x": 180,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "pipeMonitor_icon": {
+    "x": 216,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "map_selected": {
+    "x": 0,
+    "y": 80,
+    "width": 48,
+    "height": 48,
+    "pixelRatio": 1,
+    "sdf": false
+  }
+}
\ No newline at end of file
diff --git a/public/static/libs/mapbox/style/sprite/sprite6@2x.png b/public/static/libs/mapbox/style/sprite/sprite6@2x.png
new file mode 100644
index 0000000..92820e0
--- /dev/null
+++ b/public/static/libs/mapbox/style/sprite/sprite6@2x.png
Binary files differ
diff --git a/src/api/informationManagement.js b/src/api/informationManagement.js
index 2f27dd1..3c147eb 100644
--- a/src/api/informationManagement.js
+++ b/src/api/informationManagement.js
@@ -8,3 +8,59 @@
     params: query,
   });
 }
+// 获取海绵一张图泵站信息
+export function oneMapFacilityPumpList(params) {
+  return request({
+    url: `/business/facilityPump/list`,
+    method: 'get',
+    params,
+  });
+}
+// 获取污水厂信息管理列表
+export function haiMianfacilitySewagePage(params) {
+  return request({
+    url: `/business/facilitySewage/list`,
+    method: 'get',
+    params,
+  });
+}
+// 易涝点数据
+export function waterloggingPointList(query) {
+  return request({
+    url: '/business/preventFlood/waterloggingPoint/list',
+    method: 'get',
+    params: query,
+  });
+}
+// 海绵设施
+export function queryProjectStation(data) {
+  return request({
+    url: '/business/projectInfoNew/queryProjectStation',
+    method: 'post',
+    data: data,
+  });
+}
+// 获取所有站点设备
+export function getStationList(query) {
+  return request({
+    url: '/business/rtuSiteInfo/list',
+    method: 'get',
+    params: query,
+  });
+}
+// 排水防涝一屏概览    物联感知-雨量监测-雨量数据采集
+export function realtimeRainfallStatistics(query) {
+  return request({
+    url: '/business/preventFlood/oneMap/rtuSite/realtimeRainfallStatistics',
+    method: 'get',
+    params: query,
+  });
+}
+// // 供水厂-搜索
+// export function waterCompPage(query) {
+//   return request({
+//     url: '/scada/waterPlantInfo/page',
+//     method: 'get',
+//     params: query,
+//   });
+// }
diff --git a/src/views/xuncha/gisCommonPage/newFiberMapBox.vue b/src/views/xuncha/gisCommonPage/newFiberMapBox.vue
index 7671774..247a38e 100644
--- a/src/views/xuncha/gisCommonPage/newFiberMapBox.vue
+++ b/src/views/xuncha/gisCommonPage/newFiberMapBox.vue
@@ -283,6 +283,7 @@
   list.forEach(
     (i) =>
       i.data &&
+      i.data.features &&
       i.data.features.forEach((a) => {
         if (!!!a || !!!a.properties) return;
         a.properties.type = a.properties.type || i.layername;

diff --git a/public/static/libs/mapbox/style/HaiMianScreen.json b/public/static/libs/mapbox/style/HaiMianScreen.json
new file mode 100644
index 0000000..5e2b390
--- /dev/null
+++ b/public/static/libs/mapbox/style/HaiMianScreen.json
@@ -0,0 +1,206 @@
+{
+  "params": {
+    "basemap": "https://supermap2.wh-nf.cn:8090/bm",
+    "mvt": "https://supermap0.wh-nf.cn:8090/vt",
+    "sprites": [
+      "static/libs/mapbox/style/sprite/sprite6"
+    ],
+    "init": {
+      "center": [
+        114.342,
+        34.802
+      ],
+      "zoom": 11.5,
+      "pitch": 0,
+      "style": "/static/libs/mapbox/style/customs/whiteMapStyle.json"
+    },
+    "l7": {
+      "images": [
+        {
+          "name": "02",
+          "url": "https://gw.alipayobjects.com/zos/bmw-prod/ce83fc30-701f-415b-9750-4b146f4b3dd6.svg"
+        },
+        {
+          "name": "map_selected",
+          "url": "/static/libs/mapbox/style/sprite/map_selected.png"
+        }
+      ]
+    }
+  },
+  "ogc": [
+    {
+      "id": "newfiber-XYZLayer",
+      "type": "XYZLayer",
+      "params": {
+        "id": "newfiber-XYZLayer",
+        "url": "https://t{s}.tianditu.gov.cn/DataServer?T=img_w&X={x}&Y={y}&L={z}&tk=a603e07a17766447f9e74f14c5454efa",
+        "subdomains": [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "6",
+          "7"
+        ],
+        "minZoom": 1,
+        "maxZoom": 19,
+        "tileType": ""
+      },
+      "methods": [
+        {
+          "name": "addTo",
+          "params": [
+            "''||map"
+          ]
+        },
+        {
+          "name": "hide",
+          "params": []
+        }
+      ]
+    }
+  ],
+  "l7": [
+    {
+      "id": "",
+      "key": "highlight_point",
+      "type": "PointLayer",
+      "show": true,
+      "params": {
+        "zIndex": 0,
+        "blend": "additive"
+      },
+      "methods": [
+        {
+          "name": "shape",
+          "params": [
+            "map_selected"
+          ]
+        },
+        {
+          "name": "size",
+          "params": [
+            15
+          ]
+        },
+        {
+          "name": "style",
+          "params": [
+            {
+              "offsets": [
+                0,
+                0
+              ]
+            }
+          ]
+        }
+      ]
+    }
+  ],
+  "mapbox": [
+    {
+      "id": "point",
+      "key": "point",
+      "type": "symbol",
+      "minzoom": 0,
+      "maxzoom": 24,
+      "filter": [
+        "in",
+        "type",
+        "",
+        "online",
+        "error",
+        "offline",
+        "lowVoltage",
+        "to_punch",
+        "punched"
+      ],
+      "paint": {
+        "text-color": "rgba(255, 255, 255, 1)",
+        "text-halo-color": "rgba(14, 139, 90, 1)",
+        "text-halo-width": 2,
+        "text-opacity": [
+          "step",
+          [
+            "zoom"
+          ],
+          0,
+          13,
+          1
+        ]
+      },
+      "layout": {
+        "icon-image": [
+          "match",
+          [
+            "get",
+            "type"
+          ],
+          "YSBZ",
+          "rainBengZhan_icon",
+          "WSBZ",
+          "sewageBenZhan_icon",
+          "combineBengZhan",
+          "combineBengZhan_icon",
+          "sewageFactory",
+          "sewageFactory_icon",
+          "waterLoging",
+          "waterLoging_icon",
+          "waterCourse",
+          "waterCourse_icon",
+          "rainStation",
+          "rainStation_icon",
+          "origine",
+          "origine_icon",
+          "spongeFacility",
+          "spongeFacility_icon",
+          "pipeMonitor",
+          "pipeMonitor_icon",
+          "waterFactory",
+          "waterFactory_icon",
+          "ysbz"
+        ],
+        "text-allow-overlap": true,
+        "icon-allow-overlap": true,
+        "icon-anchor": "center",
+        "icon-size": 0.5,
+        "text-field": "{name}",
+        "text-font": [
+          "KlokanTech Noto Sans Regular"
+        ],
+        "text-size": 16,
+        "text-line-height": 3,
+        "text-anchor": "bottom",
+        "text-max-width": 50,
+        "text-offset": [
+          0,
+          3
+        ]
+      },
+      "mType": "geojson"
+    }
+  ],
+  "orders": [
+    [
+      "newfiber-XYZLayer"
+    ],
+    [
+      "poi_label"
+    ],
+    [
+      "place_label_city"
+    ],
+    [
+      "road_major_label"
+    ],
+    [
+      "place_label_other"
+    ],
+    [
+      "point"
+    ]
+  ],
+  "filter": {}
+}
\ No newline at end of file
diff --git a/public/static/libs/mapbox/style/sprite/sprite6.json b/public/static/libs/mapbox/style/sprite/sprite6.json
new file mode 100644
index 0000000..3406e12
--- /dev/null
+++ b/public/static/libs/mapbox/style/sprite/sprite6.json
@@ -0,0 +1,122 @@
+{
+  "hsj": {
+    "x": 0,
+    "y": 0,
+    "width": 30,
+    "height": 30,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "wsj": {
+    "x": 30,
+    "y": 0,
+    "width": 30,
+    "height": 30,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "ysj": {
+    "x": 60,
+    "y": 0,
+    "width": 30,
+    "height": 30,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "origine_icon": {
+    "x": 90,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "rainStation_icon": {
+    "x": 126,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "spongeFacility_icon": {
+    "x": 162,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "waterFactory_icon": {
+    "x": 198,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "waterLoging_icon": {
+    "x": 0,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "rainBengZhan_icon": {
+    "x": 36,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "combineBengZhan_icon": {
+    "x": 72,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "sewageBenZhan_icon": {
+    "x": 108,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "sewageFactory_icon": {
+    "x": 144,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "waterCourse_icon": {
+    "x": 180,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "pipeMonitor_icon": {
+    "x": 216,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "map_selected": {
+    "x": 0,
+    "y": 80,
+    "width": 48,
+    "height": 48,
+    "pixelRatio": 1,
+    "sdf": false
+  }
+}
\ No newline at end of file
diff --git a/public/static/libs/mapbox/style/sprite/sprite6.png b/public/static/libs/mapbox/style/sprite/sprite6.png
new file mode 100644
index 0000000..92820e0
--- /dev/null
+++ b/public/static/libs/mapbox/style/sprite/sprite6.png
Binary files differ
diff --git a/public/static/libs/mapbox/style/sprite/sprite6@2x.json b/public/static/libs/mapbox/style/sprite/sprite6@2x.json
new file mode 100644
index 0000000..3406e12
--- /dev/null
+++ b/public/static/libs/mapbox/style/sprite/sprite6@2x.json
@@ -0,0 +1,122 @@
+{
+  "hsj": {
+    "x": 0,
+    "y": 0,
+    "width": 30,
+    "height": 30,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "wsj": {
+    "x": 30,
+    "y": 0,
+    "width": 30,
+    "height": 30,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "ysj": {
+    "x": 60,
+    "y": 0,
+    "width": 30,
+    "height": 30,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "origine_icon": {
+    "x": 90,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "rainStation_icon": {
+    "x": 126,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "spongeFacility_icon": {
+    "x": 162,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "waterFactory_icon": {
+    "x": 198,
+    "y": 0,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "waterLoging_icon": {
+    "x": 0,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "rainBengZhan_icon": {
+    "x": 36,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "combineBengZhan_icon": {
+    "x": 72,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "sewageBenZhan_icon": {
+    "x": 108,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "sewageFactory_icon": {
+    "x": 144,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "waterCourse_icon": {
+    "x": 180,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "pipeMonitor_icon": {
+    "x": 216,
+    "y": 40,
+    "width": 36,
+    "height": 40,
+    "pixelRatio": 1,
+    "sdf": false
+  },
+  "map_selected": {
+    "x": 0,
+    "y": 80,
+    "width": 48,
+    "height": 48,
+    "pixelRatio": 1,
+    "sdf": false
+  }
+}
\ No newline at end of file
diff --git a/public/static/libs/mapbox/style/sprite/sprite6@2x.png b/public/static/libs/mapbox/style/sprite/sprite6@2x.png
new file mode 100644
index 0000000..92820e0
--- /dev/null
+++ b/public/static/libs/mapbox/style/sprite/sprite6@2x.png
Binary files differ
diff --git a/src/api/informationManagement.js b/src/api/informationManagement.js
index 2f27dd1..3c147eb 100644
--- a/src/api/informationManagement.js
+++ b/src/api/informationManagement.js
@@ -8,3 +8,59 @@
     params: query,
   });
 }
+// 获取海绵一张图泵站信息
+export function oneMapFacilityPumpList(params) {
+  return request({
+    url: `/business/facilityPump/list`,
+    method: 'get',
+    params,
+  });
+}
+// 获取污水厂信息管理列表
+export function haiMianfacilitySewagePage(params) {
+  return request({
+    url: `/business/facilitySewage/list`,
+    method: 'get',
+    params,
+  });
+}
+// 易涝点数据
+export function waterloggingPointList(query) {
+  return request({
+    url: '/business/preventFlood/waterloggingPoint/list',
+    method: 'get',
+    params: query,
+  });
+}
+// 海绵设施
+export function queryProjectStation(data) {
+  return request({
+    url: '/business/projectInfoNew/queryProjectStation',
+    method: 'post',
+    data: data,
+  });
+}
+// 获取所有站点设备
+export function getStationList(query) {
+  return request({
+    url: '/business/rtuSiteInfo/list',
+    method: 'get',
+    params: query,
+  });
+}
+// 排水防涝一屏概览    物联感知-雨量监测-雨量数据采集
+export function realtimeRainfallStatistics(query) {
+  return request({
+    url: '/business/preventFlood/oneMap/rtuSite/realtimeRainfallStatistics',
+    method: 'get',
+    params: query,
+  });
+}
+// // 供水厂-搜索
+// export function waterCompPage(query) {
+//   return request({
+//     url: '/scada/waterPlantInfo/page',
+//     method: 'get',
+//     params: query,
+//   });
+// }
diff --git a/src/views/xuncha/gisCommonPage/newFiberMapBox.vue b/src/views/xuncha/gisCommonPage/newFiberMapBox.vue
index 7671774..247a38e 100644
--- a/src/views/xuncha/gisCommonPage/newFiberMapBox.vue
+++ b/src/views/xuncha/gisCommonPage/newFiberMapBox.vue
@@ -283,6 +283,7 @@
   list.forEach(
     (i) =>
       i.data &&
+      i.data.features &&
       i.data.features.forEach((a) => {
         if (!!!a || !!!a.properties) return;
         a.properties.type = a.properties.type || i.layername;
diff --git a/src/views/zhxxgl/informationManagement.vue b/src/views/zhxxgl/informationManagement.vue
index 71fd95a..6e5e882 100644
--- a/src/views/zhxxgl/informationManagement.vue
+++ b/src/views/zhxxgl/informationManagement.vue
@@ -1,7 +1,7 @@
 <template>
   <!-- 地图 -->
   <div class="position-r" id="map">
-    <newFiberMapBox :initJson="`/static/libs/mapbox/style/TemporaryProject.json`"></newFiberMapBox>
+    <newFiberMapBox :initJson="`/static/libs/mapbox/style/HaiMianScreen.json`"></newFiberMapBox>
     <!-- 搜索框 -->
     <div class="searchBoxA">
       <van-field
@@ -26,13 +26,22 @@
 import newFiberMapBox from '@/views/xuncha/gisCommonPage/newFiberMapBox.vue';
 import { getImgPatrol } from '@/utils/common.js';
 import { artificialSiteSearch } from '@/api/informationManagement.js';
-import rainStation_icon from '@/assets/cesiumMap/legendIcon/rainStation_icon.png';
-import sewageBenZhan_icon from '@/assets/cesiumMap/legendIcon/sewageBenZhan_icon.png';
-import rainBengZhan_icon from '@/assets/cesiumMap/legendIcon/rainBengZhan_icon.png';
-import combineBengZhan_icon from '@/assets/cesiumMap/legendIcon/combineBengZhan_icon.png';
-import waterCourse_icon from '@/assets/cesiumMap/legendIcon/combineBengZhan_icon.png';
-import sewageFactory_icon from '@/assets/cesiumMap/legendIcon/sewageFactory_icon.png';
-import pipeMonitor_icon from '@/assets/cesiumMap/legendIcon/pipeMonitor_icon.png';
+import {
+  oneMapFacilityPumpList,
+  haiMianfacilitySewagePage,
+  waterloggingPointList,
+  queryProjectStation,
+  getStationList,
+  realtimeRainfallStatistics,
+} from '@/api/informationManagement.js';
+import bus from '@/utils/utils';
+// import rainStation_icon from '@/assets/cesiumMap/legendIcon/rainStation_icon.png';
+// import sewageBenZhan_icon from '@/assets/cesiumMap/legendIcon/sewageBenZhan_icon.png';
+// import rainBengZhan_icon from '@/assets/cesiumMap/legendIcon/rainBengZhan_icon.png';
+// import combineBengZhan_icon from '@/assets/cesiumMap/legendIcon/combineBengZhan_icon.png';
+// import waterCourse_icon from '@/assets/cesiumMap/legendIcon/combineBengZhan_icon.png';
+// import sewageFactory_icon from '@/assets/cesiumMap/legendIcon/sewageFactory_icon.png';
+// import pipeMonitor_icon from '@/assets/cesiumMap/legendIcon/pipeMonitor_icon.png';
 const AllData = reactive({
   searchV: '',
   userId: '',
@@ -40,8 +49,192 @@
   formData: {
     stationCode: '',
   },
+  lengend: [
+    {
+      isCheck: true,
+      name: '雨水泵站',
+      layername: 'YSBZ',
+      data: {},
+    },
+    {
+      isCheck: true,
+      name: '污水泵站', //图层+json   √
+      layername: 'WSBZ',
+      data: {},
+    },
+    {
+      isCheck: true,
+      name: '合流泵站', //图层+json   √
+      layername: 'combineBengZhan',
+      data: {},
+    },
+    {
+      isCheck: true,
+      name: '污水处理厂',
+      layername: 'sewageFactory', //图层+json   √
+      data: {},
+    },
+    {
+      isCheck: true,
+      name: '内涝积水点',
+      layername: 'waterLoging', //图层+json  √
+      data: {},
+    },
+    {
+      isCheck: true,
+      name: '河道断面',
+      layername: 'waterCourse',
+      data: {},
+    },
+    {
+      isCheck: true,
+      name: '雨量站',
+      layername: 'rainStation',
+      data: {},
+    },
+    {
+      isCheck: true,
+      name: '源头地块',
+      layername: 'origine', //图层+json  √
+      data: {},
+    },
+    {
+      isCheck: true,
+      name: '海绵设施',
+      layername: 'spongeFacility',
+      data: {},
+    },
+    {
+      isCheck: true,
+      name: '管网监测',
+      layername: 'pipeMonitor',
+      data: {},
+    },
+    // {
+    //   isCheck: true,
+    //   name: '供水厂',
+    //   data: {},
+    // },
+  ],
 });
 
+//获取各类型站点
+const getStationData = async () => {
+  let resRainwater = await oneMapFacilityPumpList();
+  if (resRainwater && resRainwater.code == 200) {
+    let YSBZDataList = resRainwater.data.filter((data) => data.pumpType == 'rain_water'); //雨水泵站
+    let WSBZDataList = resRainwater.data.filter((data) => data.pumpType == 'sewage_water'); //污水泵站
+    let HLBZDataList = resRainwater.data.filter((data) => data.pumpType == 'confluence'); //合流泵站
+    AllData.lengend[0].data = getGeojsonData(YSBZDataList);
+    AllData.lengend[1].data = getGeojsonData(WSBZDataList);
+    AllData.lengend[2].data = getGeojsonData(HLBZDataList);
+  }
+  let resWSCLC = await haiMianfacilitySewagePage();
+  if (resWSCLC && resWSCLC.code == 200) {
+    let WSCLCDataList = resWSCLC.data;
+    AllData.lengend[3].data = getGeojsonData(WSCLCDataList); //污水处理厂
+  }
+
+  let rainStation = await realtimeRainfallStatistics({ monitorTargetType: 'rainfall', orderBy: 'tt desc' });
+  if (rainStation && rainStation.code == 200) {
+    let rainDataList = rainStation.data; //雨量站
+    AllData.lengend[6].data = getGeojsonData(rainDataList);
+  }
+  let stationDataList = await getStationList();
+  if (stationDataList && stationDataList.code == 200) {
+    let riverDataList = stationDataList.data.filter((data) => data.siteType == 'water_level'); //河道监测
+
+    AllData.lengend[5].data = getGeojsonData(riverDataList);
+  }
+  //let waterFactoryDatalist = results[4];
+
+  //AllData.lengend[10].data = getGeojsonData(waterFactoryDatalist.data); //水厂
+
+  let waterLogingRes = await waterloggingPointList();
+  if (waterLogingRes && waterLogingRes.code == 200) {
+    AllData.lengend[4].data = getGeojsonData(waterLogingRes.data); //内涝点
+  }
+  let params = {};
+  let projectStationRes = await queryProjectStation(params);
+  if (projectStationRes && projectStationRes.code == 200) {
+    AllData.lengend[8].data = getGeojsonData(projectStationRes.data); //海绵设施
+  }
+  // 管网监测点 测试用
+  AllData.lengend[9].data = getGeojsonData([
+    {
+      projectNo: 'JZGW02',
+      projectName: '汴京路管网监测点',
+      stCode: '2109600028',
+      stName: '汴京路管网监测点',
+      lonlat: '114.3141225,34.79221',
+    },
+  ]);
+  console.log(AllData.lengend);
+  bus.emit('setLegendData', AllData.lengend);
+  AllData.lengend.forEach((item) => {
+    bus.emit('setLayerVisible', item);
+  });
+};
+//构建geojson格式
+const getGeojsonData = (dataList) => {
+  let features = [];
+  let feature = {};
+  dataList.forEach((data) => {
+    if (data.lonLat) {
+      let lonlat = data.lonLat.split(',');
+      feature = {
+        type: 'Feature',
+        geometry: {
+          type: 'Point',
+          coordinates: [Number(lonlat[0]), Number(lonlat[1])],
+        },
+        properties: data,
+      };
+    } else if (data.lonlat) {
+      let lonlat = data.lonlat.split(',');
+      feature = {
+        type: 'Feature',
+        geometry: {
+          type: 'Point',
+          coordinates: [Number(lonlat[0]), Number(lonlat[1])],
+        },
+        properties: data,
+      };
+    } else if (data.lon && data.lat) {
+      feature = {
+        type: 'Feature',
+        geometry: {
+          type: 'Point',
+          coordinates: [Number(data.lon), Number(data.lat)],
+        },
+        properties: data,
+      };
+    } else if (data.originalX && data.originalY) {
+      feature = {
+        type: 'Feature',
+        geometry: {
+          type: 'Point',
+          coordinates: [Number(data.originalX), Number(data.originalY)],
+        },
+        properties: data,
+      };
+    } else if (data.longitude && data.latitude) {
+      feature = {
+        type: 'Feature',
+        geometry: {
+          type: 'Point',
+          coordinates: [Number(data.longitude), Number(data.latitude)],
+        },
+        properties: data,
+      };
+    }
+    features.push(feature);
+  });
+  return {
+    type: 'FeatureCollection',
+    features: features,
+  };
+};
 //获取所有站点
 const stationList = ref([]);
 const getAllStationInfo = async () => {
@@ -64,10 +257,33 @@
   AllData.showYearStation = false;
   AllData.userId = selectedOptions[0].text;
   AllData.formData.stationCode = selectedOptions[0].value;
+  if (selectedOptions[0].lonlat) {
+    let lonlat = selectedOptions[0].lonlat.split(',').map(Number);
+    newfiberMap.map.easeTo({
+      center: lonlat,
+      zoom: 15,
+    });
+  }
 };
 
 onMounted(() => {
   getAllStationInfo();
+  let initeMapTimer = setInterval(() => {
+    if (!newfiberMap) return;
+    if (!newfiberMap.map.getLayer('point')) return;
+    getStationData();
+    newfiberMap.map.on('click', 'point', (e) => {
+      const feature = (
+        newfiberMap.map.queryRenderedFeatures([
+          [e.point.x - 10 / 2, e.point.y - 10 / 2],
+          [e.point.x + 10 / 2, e.point.y + 10 / 2],
+        ]) || []
+      ).filter((i) => i.layer.id)[0];
+      console.log('feature---', feature.properties);
+      //少爷这里加弹窗
+    });
+    clearInterval(initeMapTimer);
+  }, 100);
 });
 </script>
 <style lang="less" scoped>