diff --git a/src/views/gisMapPage/gisMapBox1.vue b/src/views/gisMapPage/gisMapBox1.vue
index 49a2d4e..e21052a 100644
--- a/src/views/gisMapPage/gisMapBox1.vue
+++ b/src/views/gisMapPage/gisMapBox1.vue
@@ -114,6 +114,31 @@
         if (feature) event.emit('map-click', Object.values(e.lngLat), feature.properties);
         setHighlight(feature);
       });
+      map.on('mouseenter', 'point', e => {
+        Object.values(highlightLayers).forEach(layer => {
+          if (layer.setData) layer.setData({ type: 'FeatureCollection', features: [] });
+        });
+        const feature = (
+          map.queryRenderedFeatures([
+            [e.point.x - 10 / 2, e.point.y - 10 / 2],
+            [e.point.x + 10 / 2, e.point.y + 10 / 2],
+          ]) || []
+        ).filter(i => layerIds.includes(i.layer.id))[0];
+        if (feature) event.emit('map-moveOn', Object.values(e.lngLat), feature.properties);
+        setHighlight(feature);
+      });
+      map.on('mouseleave', 'point', e => {
+        Object.values(highlightLayers).forEach(layer => {
+          if (layer.setData) layer.setData({ type: 'FeatureCollection', features: [] });
+        });
+        const feature = (
+          map.queryRenderedFeatures([
+            [e.point.x - 10 / 2, e.point.y - 10 / 2],
+            [e.point.x + 10 / 2, e.point.y + 10 / 2],
+          ]) || []
+        ).filter(i => layerIds.includes(i.layer.id))[0];
+        if (feature) event.emit('map-moveLeave', Object.values(e.lngLat), feature.properties);
+      });
     };
 
     const loadData = async () => {

diff --git a/src/views/gisMapPage/gisMapBox1.vue b/src/views/gisMapPage/gisMapBox1.vue
index 49a2d4e..e21052a 100644
--- a/src/views/gisMapPage/gisMapBox1.vue
+++ b/src/views/gisMapPage/gisMapBox1.vue
@@ -114,6 +114,31 @@
         if (feature) event.emit('map-click', Object.values(e.lngLat), feature.properties);
         setHighlight(feature);
       });
+      map.on('mouseenter', 'point', e => {
+        Object.values(highlightLayers).forEach(layer => {
+          if (layer.setData) layer.setData({ type: 'FeatureCollection', features: [] });
+        });
+        const feature = (
+          map.queryRenderedFeatures([
+            [e.point.x - 10 / 2, e.point.y - 10 / 2],
+            [e.point.x + 10 / 2, e.point.y + 10 / 2],
+          ]) || []
+        ).filter(i => layerIds.includes(i.layer.id))[0];
+        if (feature) event.emit('map-moveOn', Object.values(e.lngLat), feature.properties);
+        setHighlight(feature);
+      });
+      map.on('mouseleave', 'point', e => {
+        Object.values(highlightLayers).forEach(layer => {
+          if (layer.setData) layer.setData({ type: 'FeatureCollection', features: [] });
+        });
+        const feature = (
+          map.queryRenderedFeatures([
+            [e.point.x - 10 / 2, e.point.y - 10 / 2],
+            [e.point.x + 10 / 2, e.point.y + 10 / 2],
+          ]) || []
+        ).filter(i => layerIds.includes(i.layer.id))[0];
+        if (feature) event.emit('map-moveLeave', Object.values(e.lngLat), feature.properties);
+      });
     };
 
     const loadData = async () => {
diff --git a/src/views/sponeScreen/HaiMianScreen/index.vue b/src/views/sponeScreen/HaiMianScreen/index.vue
index 39d0d18..4190fbf 100644
--- a/src/views/sponeScreen/HaiMianScreen/index.vue
+++ b/src/views/sponeScreen/HaiMianScreen/index.vue
@@ -3,7 +3,13 @@
   <div class="hmMainPage">
     <!-- 地图 -->
     <!-- <GisMapMF v-show="menuIndex != 3"></GisMapMF> -->
-    <gisMapBox v-show="menuIndex != 3" :initJson="`/static/libs/mapbox/style/HaiMianScreen.json`" @map-click="mapClick"></gisMapBox>
+    <gisMapBox
+      v-show="menuIndex != 3"
+      :initJson="`/static/libs/mapbox/style/HaiMianScreen.json`"
+      @map-click="mapClick"
+      @map-moveOn="moveOn"
+      @map-moveLeave="moveLeave"
+    ></gisMapBox>
 
     <!-- 图例 -->
     <Legend
@@ -201,10 +207,21 @@
     })
     .catch(error => {});
 };
+//地图点击
 const mapClick = (point, properties) => {
   console.log('point', point);
   console.log('properties', properties);
 };
+//鼠标移入
+const moveOn = (point, properties) => {
+  console.log('point', point);
+  console.log('properties', properties);
+};
+//鼠标移出
+const moveLeave = (point, properties) => {
+  console.log('point', point);
+  console.log('properties', properties);
+};
 onMounted(() => {
   getWeather();
 });