diff --git a/src/assets/newImgs/HMScreen/mapBg.png b/src/assets/newImgs/HMScreen/mapBg.png
new file mode 100644
index 0000000..80ad94b
--- /dev/null
+++ b/src/assets/newImgs/HMScreen/mapBg.png
Binary files differ

diff --git a/src/assets/newImgs/HMScreen/mapBg.png b/src/assets/newImgs/HMScreen/mapBg.png
new file mode 100644
index 0000000..80ad94b
--- /dev/null
+++ b/src/assets/newImgs/HMScreen/mapBg.png
Binary files differ
diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue
index cc81f31..977cd40 100644
--- a/src/views/sponeScreen/HaiMianScreen/index.vue
+++ b/src/views/sponeScreen/HaiMianScreen/index.vue
@@ -17,6 +17,9 @@
       :class="['animate__animated', showPanel ? 'animate__fadeInUp left30' : 'animate__fadeInUp left480']"
     ></Legend>
 
+    <!-- 地图图层遮罩 -->
+    <img src="@/assets/newImgs/HMScreen/mapBg.png" alt="" title="地图图层遮罩" class="mapBgZZ" v-if="!showPanel" />
+
     <!-- 地图标注点弹窗popup -->
     <PopupInfo></PopupInfo>
 
@@ -267,6 +270,13 @@
       }
     }
   }
+  .mapBgZZ {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    z-index: 99;
+    pointer-events: none;
+  }
   .headHM {
     position: absolute;
     top: 0px;