From fac46fea4b9a7be166b66d8bfd3d3b30edf55e83 Mon Sep 17 00:00:00 2001
From: ISA <Ismail.ali@littwin-systemtechnik.de>
Date: Fri, 19 Apr 2024 07:26:27 +0200
Subject: [PATCH] Mouse over show Tooltip

---
 components/MapComponent.js | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/components/MapComponent.js b/components/MapComponent.js
index c11eabfec..50e986a21 100644
--- a/components/MapComponent.js
+++ b/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()