Ismail/nodeMap
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat:Linien Mouse over polyline.setStyle

Browse Source
This commit is contained in:
ISA
2024-07-11 13:11:40 +02:00
parent cd3d84f12c
commit f75db21738
3 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
components/MapComponent.js
View File

@@ -1944,10 +1944,9 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
updatedPolyline.on("mouseover", () => {
updatedPolyline.setStyle({ weight: 10 });
updatedPolyline.bringToFront();
console.log("Mouse over");
});
updatedPolyline.on("mouseout", () => {
updatedPolyline.setStyle({ weight: 5 });
updatedPolyline.setStyle({ weight: 3 });
console.log("Mouse out");
});
@@ -2045,10 +2044,14 @@ const MapComponent = ({ locations, onLocationUpdate, lineCoordinates }) => {
polyline.on("mouseover", (e) => {
// Optional: Visualisiere, dass die Linie interaktiv ist
polyline.setStyle({ color: "blue", weight: 10 });
//polyline.setStyle({ color: "blue", weight: 10 });
polyline.setStyle({ weight: 10 });
});
polyline.on("mouseout", (e) => {
//polyline.setStyle({ color: "blue", weight: 3 });
polyline.setStyle({ weight: 3 });
// Setze die ursprüngliche Farbe zurück
polyline.setStyle({ color: lineColors[lineData.idModul] || "#000000" });
});