Feature/GEOIN-60_delete

Community.Blazor.MapLibre/Community.Blazor.MapLibre.csproj

@@ -35,6 +35,9 @@
         <None Include="..\README.md" Pack="true" PackagePath="\"/>
         <Content Remove="libman.json" />
         <None Include="libman.json" />
+        <Content Update="wwwroot\terra-draw\dist\TerraDrawCoordinateDeleteMode.js">
+          <PublishFolderType>Content</PublishFolderType>
+        </Content>
     </ItemGroup>
 
 </Project>

Community.Blazor.MapLibre/MapLibre.razor.cs

@@ -259,9 +259,40 @@ public async Task FinishGeometryAsync()
         }
         await _jsModule.InvokeVoidAsync("finishGeometry", MapId);
     }
-
+    /// <summary>
+    /// Queries the map for rendered features within a specified geometry or options.
+    /// </summary>
+    /// <returns>An array of features.</returns>
+    public async ValueTask<object[]> GetTerraDrawGeometriesAsync()
+    {
+        return await _jsModule.InvokeAsync<object[]>("getTerraDrawGeometries", MapId);
+    }
+
     [JSInvokable] public Task OnTerraDrawReady() => Task.CompletedTask;
     [JSInvokable] public Task OnTerraDrawChanged(string geoJson) => Task.CompletedTask;
+
+
+    public async Task<Listener> AddTerraDrawFinishListener<T>(Action<T> handler)
+    {
+        var callback = new CallbackHandler(_jsModule, "finish", handler, typeof(T));
+        var reference = DotNetObjectReference.Create(callback);
+        _references.TryAdd(Guid.NewGuid(), reference);
+
+        await _jsModule.InvokeVoidAsync("onTerraDrawFinish", MapId, reference);
+
+        return new Listener(callback);
+    }
+
+    public async Task<Listener> AddTerraDrawDeleteListener<T>(Action<T> handler)
+    {
+        var callback = new CallbackHandler(_jsModule, "delete", handler, typeof(T));
+        var reference = DotNetObjectReference.Create(callback);
+        _references.TryAdd(Guid.NewGuid(), reference);
+
+        await _jsModule.InvokeVoidAsync("onTerraDrawDelete", MapId, reference);
+
+        return new Listener(callback);
+    }
 
     /// <summary>
     /// Adds a geolocate control to the given map container.

Community.Blazor.MapLibre/MapLibre.razor.js

@@ -126,8 +126,6 @@ export function addGeolocateControl(container, options, position) {
 export function addNavigationControl(container, options, position) {
     const map = mapInstances[container];
 
-    console.log("addNavigationControl position: " + position);
-
     if (options === undefined || options === null) {
         map.addControl(new maplibregl.NavigationControl(), position || undefined);
     } else {
@@ -187,7 +185,8 @@ export function addTerraDrawTool(container, options) {
             return { valid: true }
         }
     })
-    drawControls[container] = new terraDraw.TerraDraw({adapter: adapter, modes: [new terraDraw.TerraDrawFreehandMode(), polygonMode, new terraDraw.TerraDrawLineStringMode(), select, new terraDraw.TerraDrawPointMode()]})
+    const deleteMode = new TerraDrawCoordinateDeleteModeUmd();
+    drawControls[container] = new terraDraw.TerraDraw({adapter: adapter, modes: [new terraDraw.TerraDrawFreehandMode(), polygonMode, new terraDraw.TerraDrawLineStringMode(), select, new terraDraw.TerraDrawPointMode(), deleteMode]})
 }
 
 /**
@@ -226,6 +225,42 @@ export function finishGeometry(container) {
     element.dispatchEvent(event);
 }
 
+/**
+ * Get created geometries from terra-draw.
+ *
+ * @param {string} container - The identifier of the map container.
+ * @returns {Array} geometries - The created geometries.
+ */
+export function getTerraDrawGeometries(container)
+{
+    const draw = drawControls[container];
+    return draw.getSnapshot();
+}
+
+export function onTerraDrawFinish(container, dotnetReference) {
+    const draw = drawControls[container];
+
+    draw.on("finish", (id, context) => {
+        if (context.action === "draw" || context.action === "dragCoordinate") {
+            const features = draw.getSnapshot();
+            const featuresAsJson = JSON.stringify(features);
+            dotnetReference.invokeMethodAsync('Invoke', featuresAsJson);
+        }
+    });
+}
+
+export function onTerraDrawDelete(container, dotnetReference) {
+    const draw = drawControls[container];
+
+    draw.on("change", (ids, type) => {
+        if (type === "delete") {
+            const features = draw.getSnapshot();
+            const featuresAsJson = JSON.stringify(features);
+            dotnetReference.invokeMethodAsync('Invoke', featuresAsJson);
+        }
+    });
+}
+
 /**
  * Adds a scale control to the given map container.
  *