Map rotation
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
Map
object. - Set the map in the
MapView
object. - Use
SetViewpointRotationAsync
to indicate the rotation angle.
Relevant API
- Map
- Compass
- MapView
Tags
rotate, rotation, viewpoint
Sample Code
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage
x:Class="ArcGISRuntime.Samples.MapRotation.MapRotation"
xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:esriUI="clr-namespace:Esri.ArcGISRuntime.Xamarin.Forms;assembly=Esri.ArcGISRuntime.Xamarin.Forms"
xmlns:sampleViewer="clr-namespace:Forms.Resources;assembly=ArcGISRuntime">
<RelativeLayout>
<esriUI:MapView x:Name="MyMapView" BindingContext="{x:Reference Name=ResponsiveFormContainer}" Style="{StaticResource MapWithFormStyle}" />
<sampleViewer:ResponsiveFormContainer x:Name="ResponsiveFormContainer">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="50" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Slider
x:Name="MySlider"
Grid.Column="1"
Maximum="180"
MaximumTrackColor="CadetBlue"
Minimum="0"
MinimumTrackColor="CadetBlue"
ValueChanged="MySlider_ValueChanged"
VerticalOptions="CenterAndExpand"
Value="0" />
<Label
x:Name="MyLabel"
Grid.Column="0"
Style="{StaticResource LabelStyle}"
Text="0°"
VerticalTextAlignment="Center" />
</Grid>
</sampleViewer:ResponsiveFormContainer>
</RelativeLayout>
</ContentPage>
// Copyright 2016 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 Xamarin.Forms;
namespace ArcGISRuntime.Samples.MapRotation
{
[ArcGISRuntime.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 = Basemap.CreateStreets();
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}°";
// Set the MapView rotation to that of the Slider.
MyMapView.SetViewpointRotationAsync(e.NewValue);
}
}
}