.NET MAUI Map Commands
Telerik .NET MAUI Map control provides the following commands of type ICommand
which handle the zoom level of the visualized shapes:
ZoomInCommand
ZoomOutCommand
You can manually call these commands, for example on button click action, to zoom-in or zoom-out respectively, the shapes displayed in RadMap.
Following is a quick example on how the commands of the Map control can be called from external UI:
-
The RadMap definition:
<telerik:RadMap x:Name="map" MinZoomLevel="2" MaxZoomLevel="5"> <telerik:RadMap.Layers> <telerik:ShapefileLayer> <telerik:ShapefileLayer.Reader> <telerik:MapShapeReader x:Name="reader"/> </telerik:ShapefileLayer.Reader> </telerik:ShapefileLayer> </telerik:RadMap.Layers> </telerik:RadMap>
-
Where the
Source
of theMapShapeReade
r is defined like this:var assembly = this.GetType().Assembly; var source = MapSource.FromResource("SDKBrowserMaui.Examples.MapControl.world.shp", assembly); this.reader.Source = source;
-
Add two buttons that will execute the Map commands - their Command property is bound to the corresponding Zoom command of the Map instance:
<Button Text="Zoom In" Command="{Binding Source={x:Reference map}, Path=ZoomInCommand}"/> <Button Text="Zoom Out" Command="{Binding Source={x:Reference map}, Path=ZoomOutCommand}"/>
-
And the namespace for RadMap:
xmlns:telerik="http://schemas.telerik.com/2022/xaml/maui"
See Also