View in MAUI WPF WinUI View on GitHub

Rotate a map.

Image of map rotation

Use case

A user may wish to view the map in an orientation other than north-facing.

How to use the sample

Use the slider to rotate the map.

How it works

  1. Instantiate an Map object.
  2. Set the map in the MapView object.
  3. Use SetViewpointRotationAsync to indicate the rotation angle.

Relevant API

  • Compass
  • Map
  • MapView

Tags

rotate, rotation, viewpoint

Sample Code

MapRotation.xaml MapRotation.xaml MapRotation.xaml.cs
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage x:Class="ArcGIS.Samples.MapRotation.MapRotation"
xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:esriUI="clr-namespace:Esri.ArcGISRuntime.Maui;assembly=Esri.ArcGISRuntime.Maui">
<Grid Style="{DynamicResource EsriSampleContainer}">
<esriUI:MapView x:Name="MyMapView" Style="{DynamicResource EsriSampleGeoView}" />
<Border Style="{DynamicResource EsriSampleControlPanel}">
<Grid ColumnDefinitions="50,*" RowDefinitions="auto">
<Label x:Name="MyLabel"
Grid.Column="0"
HorizontalOptions="Center"
Text="0°"
VerticalTextAlignment="Center" />
<Grid Grid.Column="1" MinimumWidthRequest="200">
<Slider x:Name="MySlider"
Grid.Column="1"
Maximum="180"
MaximumTrackColor="CadetBlue"
Minimum="0"
MinimumTrackColor="CadetBlue"
ValueChanged="MySlider_ValueChanged"
Value="0" />
</Grid>
</Grid>
</Border>
</Grid>
</ContentPage>