Mouse over show Tooltip

components/MapComponent.js

@@ -1,6 +1,6 @@
 // components/MapComponent.js
 import React, { useEffect, useRef, useState } from "react";
-import L from "leaflet";
+import L, { marker } from "leaflet";
 import "leaflet/dist/leaflet.css";
 import "leaflet-contextmenu/dist/leaflet.contextmenu.css";
 import "leaflet-contextmenu";
@@ -576,6 +576,16 @@ const MapComponent = ({ locations, onLocationUpdate }) => {
         }),
       }).addTo(map);
 
+      // Popup beim Überfahren mit der Maus öffnen
+      marker.on("mouseover", function (e) {
+        this.openPopup();
+      });
+
+      // Popup schließen, wenn die Maus den Marker verlässt
+      marker.on("mouseout", function (e) {
+        this.closePopup();
+      });
+
       // String-Zusammenstellung für das Popup-Infofenster
       let statusInfo = matchingStatuses
         .reverse()