private async Task OnAfterInitAsync()
{
List <OverlayType> overlayTypes = new List <OverlayType>();
overlayTypes.Add(OverlayType.Polygon);
var drawingControlOptions = new DrawingControlOptions()
{
Position = ControlPosition.TopCenter,
DrawingModes = overlayTypes
};
managerOptions = new DrawingManagerOptions()
{
Map = map1.InteropObject,
PolygonOptions = polygonOptions,
DrawingMode = OverlayType.Polygon,
DrawingControl = true,
//DrawingControlOptions = drawingControlOptions
};
drawingManager = await DrawingManager.CreateAsync(JsRuntime, managerOptions);
//https://developers.google.com/maps/documentation/javascript/drawinglayer
await drawingManager.AddListener <OverlayCompleteEvent>("overlaycomplete", (arg) =>
{
//Overlay object is JObject with all properties,
//so need to serialize, extract required info depending on your needs
var json = arg.Overlay.ToString();
});
}
private async Task OnAfterInitAsync()
{
List <OverlayType> overlayTypes = new List <OverlayType>();
overlayTypes.Add(OverlayType.Polygon);
overlayTypes.Add(OverlayType.Polyline);
overlayTypes.Add(OverlayType.Marker);
var drawingControlOptions = new DrawingControlOptions()
{
Position = ControlPosition.TopCenter,
DrawingModes = overlayTypes
};
managerOptions = new DrawingManagerOptions()
{
Map = map1.InteropObject,
PolygonOptions = polygonOptions,
//DrawingMode = OverlayType.Polygon,
DrawingControl = true,
DrawingControlOptions = drawingControlOptions
};
drawingManager = await DrawingManager.CreateAsync(JsRuntime, managerOptions);
//https://developers.google.com/maps/documentation/javascript/drawinglayer
await drawingManager.AddOverlayCompleteListener(async (overComplete) =>
{
if (overComplete.Type == OverlayType.Polygon)
{
var poly = overComplete.Polygon;
var polyPath = await poly.GetPath();
await poly.SetOptions(new PolygonOptions()
{
FillColor = "blue",
Editable = false,
Draggable = false
});
}
});
}
protected async Task SetLocation()
{
//await this.azureMaps.ClearShapes();
var opts = new MapOptions
{
Center = new [] { this.Longitude, this.Latitude },
Zoom = 22
};
var drawingManagerOptions = new DrawingManagerOptions
{
Latitude = this.Latitude,
Longitude = this.Longitude,
Radius = this.Radius
};
await this.azureMaps.SetLocation(opts);
await this.azureMaps.DrawLocation(drawingManagerOptions);
}
/// <summary> /// Sets the DrawingManager's options. /// </summary> /// <param name="options"> /// The options. /// </param> public extern void SetOptions(DrawingManagerOptions options);
/// <summary> /// Creates a DrawingManager that allows users to draw overlays on the /// map, and switch between the type of overlay to be drawn with a /// drawing control. /// </summary> /// <param name="options">The options.</param> public extern DrawingManager(DrawingManagerOptions options = null);
