View in MAUI WPF WinUI UWP 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
<UserControl x:Class="ArcGIS.WPF.Samples.MapRotation.MapRotation"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:esri="http://schemas.esri.com/arcgis/runtime/2013">
<Grid>
<esri:MapView x:Name="MyMapView" />
<Border Style="{StaticResource BorderStyle}">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="50" />
</Grid.ColumnDefinitions>
<TextBlock Grid.Row="0"
Grid.Column="0"
Grid.ColumnSpan="2"
FontWeight="SemiBold"
Text="Slide to rotate the map."
TextAlignment="Center" />
<Slider x:Name="MySlider"
Grid.Row="1"
Grid.Column="0"
Margin="0,5,0,0"
VerticalAlignment="Center"
Maximum="180"
Minimum="0"
ValueChanged="MySlider_ValueChanged"
Value="0" />
<TextBlock x:Name="MyLabel"
Grid.Row="1"
Grid.Column="1"
Padding="0,2,0,0"
VerticalAlignment="Center"
Text="0°"
TextAlignment="Center" />
</Grid>
</Border>
</Grid>
</UserControl>