From 5c6bdae15e58fe41db27832204c114b38fcc9502 Mon Sep 17 00:00:00 2001
From: Craig Kochis <cjkochis@gmail.com>
Date: Sun, 16 Mar 2025 21:48:29 -0400
Subject: [PATCH] support draggable markers

---
 demo/views/add-a-marker.hbs | 4 +++-
 src/ui/RadarMarker.ts       | 3 +++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/demo/views/add-a-marker.hbs b/demo/views/add-a-marker.hbs
index 188edb6e..f3058cce 100644
--- a/demo/views/add-a-marker.hbs
+++ b/demo/views/add-a-marker.hbs
@@ -49,7 +49,7 @@
                 const { lng, lat } = e.lngLat;
 
                 // create marker from click location
-                const marker = Radar.ui.marker({ url })
+                const marker = Radar.ui.marker({ url, draggable: true })
                   .setLngLat([lng, lat])
                   .addTo(map);
 
@@ -57,11 +57,13 @@
                 map.fitToMarkers({ maxZoom: 14, padding: 80 });
 
                 // add listener to remove marker on click
+                /*
                 marker.on('click', (e) => {
                   console.log('MARKER CLICK', e);
                   marker.remove();
                   map.fitToMarkers({ maxZoom: 14, padding: 80 }); // refit after marker removed
                 });
+                */
               });
 
               // use custom marker from URL
diff --git a/src/ui/RadarMarker.ts b/src/ui/RadarMarker.ts
index fe284252..48a633f7 100644
--- a/src/ui/RadarMarker.ts
+++ b/src/ui/RadarMarker.ts
@@ -104,6 +104,9 @@ class RadarMarker extends maplibregl.Marker {
     if (markerOptions.scale) {
       maplibreOptions.scale = markerOptions.scale;
     }
+    if (markerOptions.draggable) {
+      maplibreOptions.draggable = markerOptions.draggable;
+    }
 
     super(maplibreOptions);