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
<?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>// Copyright 2022 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;
namespace ArcGIS.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 : ContentPage { public MapRotation() { InitializeComponent();
Initialize(); }
private void Initialize() { // Create a new Map instance with the basemap Basemap myBasemap = new Basemap(BasemapStyle.ArcGISStreets); Map myMap = new Map(myBasemap);
// Assign the map to the MapView MyMapView.Map = myMap; }
private void MySlider_ValueChanged(object sender, ValueChangedEventArgs e) { // Display the rotation value in the Label formatted nicely with degree symbol. MyLabel.Text = $"{MySlider.Value:0}\u00b0";
// Set the MapView rotation to that of the Slider. MyMapView.SetViewpointRotationAsync(e.NewValue); } }}