Rotate a map.

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
- Instantiate an
Mapobject. - Set the map in the
MapViewobject. - Use
SetViewpointRotationAsyncto indicate the rotation angle.
Relevant API
- Compass
- Map
- MapView
Tags
rotate, rotation, viewpoint
Sample Code
<UserControl x:Class="ArcGIS.WinUI.Samples.MapRotation.MapRotation" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:esriUI="using:Esri.ArcGISRuntime.UI.Controls"> <Grid> <esriUI:MapView x:Name="MyMapView" /> <Border Width="375" Margin="30" Padding="20" HorizontalAlignment="Right" VerticalAlignment="Top" Background="White" BorderBrush="Black" BorderThickness="1"> <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="*" /> <ColumnDefinition Width="50" /> </Grid.ColumnDefinitions> <Slider x:Name="MySlider" Grid.Column="0" Maximum="180" Minimum="0" ValueChanged="MySlider_ValueChanged" Value="0" /> <TextBlock x:Name="MyTextBlock" Grid.Column="1" Margin="5,8,0,0" FontWeight="SemiBold" Text="0°" TextAlignment="Center" /> </Grid> </Border> </Grid></UserControl>// Copyright 2018 Esri.//// Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License.// You may obtain a copy of the License at: http://www.apache.org/licenses/LICENSE-2.0//// Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an// "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific// language governing permissions and limitations under the License.
using Esri.ArcGISRuntime.Mapping;using Microsoft.UI.Xaml.Controls.Primitives;
namespace ArcGIS.WinUI.Samples.MapRotation{ [ArcGIS.Samples.Shared.Attributes.Sample( name: "Map rotation", category: "MapView", description: "Rotate a map.", instructions: "Use the slider to rotate the map.", tags: new[] { "rotate", "rotation", "viewpoint" })] public partial class MapRotation { public MapRotation() { InitializeComponent();
Initialize(); }
private void Initialize() { // Assign the map to the MapView MyMapView.Map = new Map(BasemapStyle.ArcGISStreets); }
private void MySlider_ValueChanged(object sender, RangeBaseValueChangedEventArgs e) { // Display the rotation value in the Label formatted nicely with degree symbol. MyTextBlock.Text = $"{MySlider.Value:0}\u00b0";
// Set the MapView rotation to that of the Slider. MyMapView.SetViewpointRotationAsync(e.NewValue); } }}