Map rotation
Rotate a map.
Use case
A user may wish to view the map in an orientation other than north-facing.
How it works
- Instantiate an
Mapobject. - Display the map in a map view.
- Use
SetViewpointRotationAsyncto indicate the rotation angle.
Relevant API
- Map
- Compass
- MapView
Tags
SetViewpointRotationAsync, rotate
Sample Code
<?xml version="1.0" encoding="utf-8"?>
<ContentPage 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"
x:Class="ArcGISRuntime.Samples.MapRotation.MapRotation">
<RelativeLayout>
<esriUI:MapView x:Name="MyMapView" Style="{StaticResource MapWithFormStyle}"
BindingContext="{x:Reference Name=ResponsiveFormContainer}" />
<sampleViewer:ResponsiveFormContainer x:Name="ResponsiveFormContainer">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="50" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<Slider x:Name="MySlider"
Grid.Column="1"
Minimum="0" Maximum="180" Value="0"
VerticalOptions="CenterAndExpand"
MaximumTrackColor="CadetBlue"
MinimumTrackColor="CadetBlue"
ValueChanged="MySlider_ValueChanged" />
<Label x:Name="MyLabel" Style="{StaticResource LabelStyle}"
Grid.Column="0"
VerticalTextAlignment="Center"
Text="0°" />
</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(
"Map rotation",
"MapView",
"This sample illustrates how to rotate a map.",
"")]
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);
}
}
}