Adding measurement widget

samples/dymaptic.GeoBlazor.Core.Sample.Shared/Pages/Widgets.razor

@@ -37,6 +37,9 @@
         <div class="form-group">
             <label>Compass: <input type="checkbox" class="form-check-input" @onchange="@(() => ToggleWidget(nameof(CompassWidget)))"></label>
         </div>
+        <div class="form-group">
+            <label>Measurement: <input type="checkbox" class="form-check-input" @onchange="@(() => ToggleWidget(nameof(MeasurementWidget)))"></label>
+        </div>
         <div id="gallery-box"></div>
     </div>
 </div>
@@ -76,6 +79,10 @@
     {
         <CompassWidget Position="OverlayPosition.TopLeft" />
     }
+    @if (_showMeasurement)
+    {
+        <MeasurementWidget ActiveTool="ActiveTool.Distance" Label="asdasdasdsds" LinearUnit="LinearUnit.NauticalMiles" AreaUnit="AreaUnit.SquareInches" Position="OverlayPosition.TopLeft" />
+    }
 </MapView>
 
 @code {
@@ -109,6 +116,9 @@
             case nameof(CompassWidget):
                 _showCompass = !_showCompass;
                 break;
+            case nameof(MeasurementWidget):
+                _showMeasurement = !_showMeasurement;
+                break;
         }
     }
 
@@ -120,4 +130,5 @@
     private bool _showLegend;
     private bool _showHome;
     private bool _showCompass;
+    private bool _showMeasurement;
 }

src/dymaptic.GeoBlazor.Core/Components/ActiveTool.cs

@@ -0,0 +1,19 @@
+using dymaptic.GeoBlazor.Core.Components.Widgets;
+using dymaptic.GeoBlazor.Core.Serialization;
+using System.Text.Json.Serialization;
+
+
+namespace dymaptic.GeoBlazor.Core.Components;
+
+/// <summary>
+///     A collection of possible positions for setting a <see cref="Widget" /> or <see cref="CustomOverlay" />
+/// </summary>
+[JsonConverter(typeof(EnumToKebabCaseStringConverter<ActiveTool>))]
+public enum ActiveTool
+{
+#pragma warning disable CS1591
+    Area,
+    Distance,
+    DirectLine
+#pragma warning restore CS1591
+}

src/dymaptic.GeoBlazor.Core/Components/Widgets/MeasurementWidget.cs

@@ -0,0 +1,48 @@
+using dymaptic.GeoBlazor.Core.Objects;
+using Microsoft.AspNetCore.Components;
+using Microsoft.JSInterop;
+using System.Text.Json.Serialization;
+
+
+namespace dymaptic.GeoBlazor.Core.Components.Widgets;
+
+/// <summary>
+///    The Image Measurement widget allows you to perform measurements on image services with mensuration capability.
+///     Mensuration is a method of applying geometric rules to find length of lines, area of surfaces, or volume using information obtained
+///     from lines and angles. It can also include measuring the height and absolute location of a feature.
+///     <a target="_blank" href="https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Measurement.html">
+///         ArcGIS
+///         JS API
+///     </a>
+/// </summary>
+public class MeasurementWidget : Widget
+{
+    /// <inheritdoc />
+    [JsonPropertyName("type")]
+    public override string WidgetType => "measurement";
+
+    /// <summary>
+    ///     A .NET object reference for calling this class from JavaScript.
+    /// </summary>
+    public DotNetObjectReference<MeasurementWidget> MeasurementWidgetObjectReference => DotNetObjectReference.Create(this);
+
+    [Parameter]
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public ActiveTool? ActiveTool { get; set; }
+
+    [Parameter]
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public AreaUnit? AreaUnit { get; set; }
+
+    [Parameter]
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public LinearUnit? LinearUnit { get; set; }
+
+
+    [Parameter]
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public string? Label { get; set; }
+
+
+
+}

src/dymaptic.GeoBlazor.Core/Components/Widgets/Widget.cs

@@ -36,6 +36,14 @@ public abstract class Widget : MapComponent
     [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
     public string? ContainerId { get; set; }
 
+    /// <summary>
+    /// Icon which represents the widget. It is typically used when the widget is controlled by another one (e.g. in the Expand widget).
+    /// <a href="https://developers.arcgis.com/calcite-design-system/icons/">Calcite Icons</a>
+    /// </summary>
+    [Parameter]
+    [JsonIgnore(Condition = JsonIgnoreCondition.WhenWritingNull)]
+    public string? Icon { get; set; }
+
     /// <summary>
     ///     The type of widget
     /// </summary>

src/dymaptic.GeoBlazor.Core/Objects/ArealUnit.cs

@@ -1,4 +1,5 @@
-using dymaptic.GeoBlazor.Core.Serialization;
+using dymaptic.GeoBlazor.Core.Components;
+using dymaptic.GeoBlazor.Core.Serialization;
 using System.Text.Json.Serialization;
 
 
@@ -22,6 +23,58 @@ public enum ArealUnit
     SquareFeet,
     SquareMeters,
     SquareYards,
-    SquareKilometers
+    SquareKilometers,
+    SquareMiles
+#pragma warning restore CS1591
+}
+
+/// <summary>
+/// Units for area measurement. Use one of the possible values listed below or any of the numeric codes for area units.
+///  <a target="_blank" href="https://developers.arcgis.com/javascript/latest/api-reference/esri-core-units.htm">
+///         ArcGIS
+///         JS API
+///     </a>
+/// </summary>
+[JsonConverter(typeof(EnumToKebabCaseStringConverter<AreaUnit>))]
+public enum AreaUnit
+{
+#pragma warning disable CS1591
+    Metric,
+    Imperial,
+    Acres,
+    Ares,
+    Hectares,
+    SquareFeet,
+    SquareMeters,
+    SquareYards,
+    SquareKilometers,
+    SquareMiles,
+    SquareInches,
+    SquareUSFeet,
+#pragma warning restore CS1591
+}
+
+/// <summary>
+/// Units for linear measurement. Use one of the possible values listed below or any of the numeric codes for linear units.
+///  <a target="_blank" href="https://developers.arcgis.com/javascript/latest/api-reference/esri-core-units.htm">
+///         ArcGIS
+///         JS API
+///     </a>`
+/// </summary>
+[JsonConverter(typeof(EnumToKebabCaseStringConverter<LengthUnit>))]
+public enum LengthUnit
+{
+#pragma warning disable CS1591
+    Millimeters,
+    Centimeters,
+    Decimeters,
+    Meters,
+    Kilometers,
+    Inches,
+    Feet,
+    Yards,
+    Miles,
+    NauticalMiles,
+    USFeet
 #pragma warning restore CS1591
 }