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);