From 089ce933dd0c7608fa4a467643de18fb922e0e6a Mon Sep 17 00:00:00 2001
From: Christian Beutel <>
Date: Sat, 23 Aug 2025 14:41:50 +0200
Subject: [PATCH] adds caret layer for preview layer

---
 .../maplibre-layer-manager/preview-layer.ts   | 30 ++++++++++++++++++-
 1 file changed, 29 insertions(+), 1 deletion(-)

diff --git a/web/src/lib/vendor/maplibre-layer-manager/preview-layer.ts b/web/src/lib/vendor/maplibre-layer-manager/preview-layer.ts
index 0db6eabd..0ca39a34 100644
--- a/web/src/lib/vendor/maplibre-layer-manager/preview-layer.ts
+++ b/web/src/lib/vendor/maplibre-layer-manager/preview-layer.ts
@@ -19,7 +19,7 @@ export class PreviewLayer implements BaseLayer {
     };
 
     constructor(map: M.Map, geojson: GeoJSON.FeatureCollection, listeners?: Record<string, { onMouseUp?: (e: MapMouseEvent) => void; onMouseDown?: (e: MapMouseEvent) => void; onEnter?: (e: MapMouseEvent) => void; onLeave?: (e: MapMouseEvent) => void; onMouseMove?: (e: MapMouseEvent) => void; }>) {
-        
+
         this.map = map;
         this.listeners = {
             "preview": { ...this.listeners["preview"], ...listeners?.["preview"] },
@@ -75,6 +75,34 @@ export class PreviewLayer implements BaseLayer {
                         "circle-stroke-width": 2,
                         "circle-stroke-color": "#fff",
                     },
+                },
+                {
+                    id: "preview-direction-carets",
+                    type: "symbol",
+                    source: "preview",
+                    minzoom: 10,
+                    layout: {
+                        "symbol-placement": "line",
+                        "symbol-spacing": [
+                            "interpolate",
+                            ["exponential", 1.5],
+                            ["zoom"],
+                            0,
+                            80,
+                            18,
+                            200,
+                        ],
+                        "icon-image": "direction-caret",
+                        "icon-size": [
+                            "interpolate",
+                            ["exponential", 1.5],
+                            ["zoom"],
+                            0,
+                            0.5,
+                            18,
+                            0.8,
+                        ],
+                    },
                 }
             ]