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()