New to Telerik UI for .NET MAUI? Start a free 30-day trial

.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:

  1. 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>
    
  2. Where the Source of the MapShapeReader is defined like this:

    var assembly = this.GetType().Assembly;
    var source = MapSource.FromResource("SDKBrowserMaui.Examples.MapControl.world.shp", assembly);
    this.reader.Source = source;
    
  3. 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}"/>
    
  4. And the namespace for RadMap:

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

    See Also

In this article
Not finding the help you need?