From 01bef65218f902b52a248b55558e297e0ed52832 Mon Sep 17 00:00:00 2001
From: PxlLoewe <72106766+PxlLoewe@users.noreply.github.com>
Date: Fri, 11 Jul 2025 23:56:24 -0700
Subject: [PATCH] =?UTF-8?q?Skigebiete=20layer=20in=20Karte=20hinzugef?=
 =?UTF-8?q?=C3=BCgt?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../dispatch/app/_components/map/BaseMaps.tsx | 24 ++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/apps/dispatch/app/_components/map/BaseMaps.tsx b/apps/dispatch/app/_components/map/BaseMaps.tsx
index 89dfac16..e33d0d91 100644
--- a/apps/dispatch/app/_components/map/BaseMaps.tsx
+++ b/apps/dispatch/app/_components/map/BaseMaps.tsx
@@ -260,6 +260,25 @@ const NiederschlagOverlay = () => {
 	);
 };
 
+const SlopesOverlay = () => {
+	const tileLayerRef = useRef<L.TileLayer.WMS | null>(null);
+
+	return (
+		<WMSTileLayer
+			ref={tileLayerRef}
+			eventHandlers={{
+				add: () => {
+					tileLayerRef.current?.bringToFront();
+				},
+			}}
+			attribution="Opensnowmap.org (CC-BY-SA)"
+			url="http://tiles.opensnowmap.org/pistes/{z}/{x}/{y}.png?"
+			transparent
+			zIndex={1000}
+		/>
+	);
+};
+
 const WindfarmOutlineLayer = () => {
 	const map = useMap();
 	const [isVisible, setIsVisible] = useState(false);
@@ -304,7 +323,7 @@ const WindfarmOutlineLayer = () => {
 export const BaseMaps = () => {
 	const map = useMap();
 	return (
-		<LayersControl position="topleft">
+		<LayersControl position="bottomright">
 			<LayersControl.Overlay name={"Leitstellenbereiche"}>
 				<RadioAreaLayer />
 			</LayersControl.Overlay>
@@ -322,6 +341,9 @@ export const BaseMaps = () => {
 			<LayersControl.Overlay name={"OpenAIP"}>
 				<OpenAIP />
 			</LayersControl.Overlay>
+			<LayersControl.Overlay name={"Skigebiete"}>
+				<SlopesOverlay />
+			</LayersControl.Overlay>
 
 			<LayersControl.BaseLayer name="OpenStreetMap Dark" checked>
 				<TileLayer