Skip to content

Latest commit

 

History

History
70 lines (42 loc) · 2.77 KB

selection.md

File metadata and controls

70 lines (42 loc) · 2.77 KB
title page_title description position slug
Selection
.NET MAUI Map Documentation - Map Selection
Learn about all selection possibilities in the Telerik UI for .NET MAUI Map control.
6
map-selection

.NET MAUI Map Selection

The Map allows users to select one or many shapes out of the source applied by each MapShapefileLayer. This feature provides both visual and programmatic feedback for the actions of the user.

The following members of the [ShapefileLayer]({% slug map-layers-shapefilelayer%}) class are related to the selection:

  • SelectionMode (enum of type MapSelectionMode)—Indicates the selection mode. The options are:

    • None
    • Single
    • Multiple

  • SelectedShape (of type IShape)—Defines the currently selected shape instance. When multiple selection is enabled, this value is set to the first selected shape.

  • SelectedShapes (read-only collection of type ObservableCollection<IShape>)—Reads the collection with the currently selected shapes. When the selection is Single, only one shape can be selected–thus the collection will have count = 1.

  • SelectedShapeStyle (of type MapShapeStyle): Defines the way selected shape look through the provided StrokeWidth, StrokeColor and FillColor properties. For more details on the MapShapeStyle usage go to [Shapes Styling]({%slug map-styling-shapesstyles%}) topic.

Define RadMap with SelectionMode:

Where the Source and the DataSource of the MapShapeReader have to be set to a .shp and .dbf files, respectively:

Add the namespace:

xmlns:telerik="http://schemas.telerik.com/2022/xaml/maui"

Check below how RadMap with a few selected shapes will look like:

.NET MAUI Map Multiple Selection

Example with Programmatical Shape Selection

The snippet below demonstrates how you can select a shape programmatically. In the example the used ESRI file contains the world map, so the shape that is selected is a country. The example uses the Shapes property of the Map to traverse through all the available shapes.

Let's select/deselect "France", for example, on clicking buttons:

And the event handlers:

xmlns:telerik="http://schemas.telerik.com/2022/xaml/maui"

Here is the result:

.NET MAUI Map Programmatic Selection

note A sample Programmatic Selection example can be found in the Map/Selection folder of the [SDK .NET MAUI Demo application]({%slug sdkbrowser-app%}).

See Also

  • [ShapefileLayer]({% slug map-layers-shapefilelayer%})
  • [Shapes Styling]({%slug map-styling-shapesstyles%})