refactor: Tooltip-HTML-Generierung aus useLineData ausgelagert
- Funktion `generateLineTooltipContent` aus `useLineData.js` extrahiert - Neue Datei: `components/gisPolylines/tooltip/generateLineTooltipContent.js` - Trennung von Logik (Hook) und Darstellung (Tooltip-HTML) - Verbesserte Lesbarkeit und Wiederverwendbarkeit der Tooltip-Generierung
This commit is contained in:
@@ -0,0 +1,37 @@
|
||||
// hooks/useLayerVisibility.js
|
||||
import { useEffect } from "react";
|
||||
import { addContextMenuToMarker } from "../utils/addContextMenuToMarker";
|
||||
|
||||
const useLayerVisibility = (map, markers, mapLayersVisibility, layerKey, oms) => {
|
||||
useEffect(() => {
|
||||
if (!map || !markers || !oms) return;
|
||||
|
||||
// Leerzeichen, Bindestriche entfernen & Kleinbuchstaben erzwingen
|
||||
const normalizedLayerKey = layerKey.replace(/\s|-/g, "").toLowerCase();
|
||||
|
||||
// Alle mapLayersVisibility-Keys auch normalisieren
|
||||
const visibilityKeys = Object.keys(mapLayersVisibility).reduce((acc, key) => {
|
||||
acc[key.replace(/\s|-/g, "").toLowerCase()] = mapLayersVisibility[key];
|
||||
return acc;
|
||||
}, {});
|
||||
|
||||
const isVisible = visibilityKeys[normalizedLayerKey] ?? false;
|
||||
|
||||
const toggleLayer = (isVisible) => {
|
||||
markers.forEach((marker) => {
|
||||
if (isVisible) {
|
||||
marker.addTo(map);
|
||||
oms.addMarker(marker);
|
||||
addContextMenuToMarker(marker);
|
||||
} else {
|
||||
map.removeLayer(marker);
|
||||
oms.removeMarker(marker);
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
toggleLayer(isVisible);
|
||||
}, [map, markers, mapLayersVisibility, layerKey, oms]);
|
||||
};
|
||||
|
||||
export default useLayerVisibility;
|
||||
Reference in New Issue
Block a user