Set the map view to a new viewpoint.
Use case
Programatically navigate to a specified location in the map or scene. Use this to focus on a particular point or area of interest.
How to use the sample
The map view has several methods for setting its current viewpoint. Select a viewpoint from the UI to see the viewpoint changed using that method.
How it works
- Create a new
Mapobject and set it to theMapViewobject. - Change the map's
Viewpointusing one of the available methods:
- Use
MapView.SetViewpointAsync()to pan to a viewpoint. - Use
MapView.SetViewpointCenterAsync()to center the viewpoint on aPoint. - Use
MyMapView.SetViewpointScaleAsync()to set a distance from the ground using a scale. - Use
MapView.SetViewpointGeometryAsync()to set the viewpoint to a givenGeometry.
Relevant API
- Geometry
- Map
- MapView
- Point
- Viewpoint
Additional information
Below are some other ways to set a viewpoint:
- SetViewpoint
- SetViewpointAsync
- SetViewpointCenterAsync
- SetViewpointGeometryAsync
- SetViewpointRotationAsync
- SetViewpointScaleAsync
Tags
animate, extent, pan, rotate, scale, view, zoom
Sample Code
<UserControl x:Class="ArcGISRuntime.WPF.Samples.ChangeViewpoint.ChangeViewpoint"
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"
xmlns:mapping="clr-namespace:Esri.ArcGISRuntime.Mapping;assembly=Esri.ArcGISRuntime">
<UserControl.Resources>
<Style TargetType="Button">
<Setter Property="Padding" Value="5" />
<Setter Property="Margin" Value="5,5,0,0" />
</Style>
</UserControl.Resources>
<Grid>
<esri:MapView x:Name="MyMapView">
<mapping:Map>
<mapping:Map.OperationalLayers>
<mapping:ArcGISTiledLayer x:Name="Basemap" Source="https://services.arcgisonline.com/ArcGIS/rest/services/World_Topo_Map/MapServer" />
</mapping:Map.OperationalLayers>
</mapping:Map>
</esri:MapView>
<Border Style="{StaticResource BorderStyle}">
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
<ColumnDefinition Width="*" />
</Grid.ColumnDefinitions>
<TextBlock Grid.Row="0"
Grid.Column="0"
Grid.ColumnSpan="3"
HorizontalAlignment="Center"
FontWeight="SemiBold"
Text="Use the buttons to set the viewpoint."
TextWrapping="Wrap" />
<Button Grid.Row="1"
Grid.Column="0"
Margin="0,5,0,0"
Click="OnButtonClick"
Content="Geometry"
ToolTip="Sets Viewpoint to a predefined Polygon's extent" />
<Button Grid.Row="1"
Grid.Column="1"
Click="OnButtonClick"
Content="Center and scale"
ToolTip="Sets Viewpoint a predefined point and scale" />
<Button Grid.Row="1"
Grid.Column="2"
Click="OnButtonClick"
Content="Animate"
ToolTip="Sets Viewpoint and animate repositioning of view" />
</Grid>
</Border>
</Grid>
</UserControl>