View in MAUI WPF WinUI View on GitHub
import InlineCode from "@esri-dx/starship-doc-components/components/InlineCode.astro";

Calculate a geodesic path between two points and measure its distance.

Image of geodesic operations

Use case

A geodesic distance provides an accurate, real-world distance between two points. Visualizing flight paths between cities is a common example of a geodesic operation since the flight path between two airports takes into account the curvature of the earth, rather than following the planar path between those points, which appears as a straight line on a projected map.

How to use the sample

Click anywhere on the map. A line graphic will display the geodesic line between the two points. In addition, text that indicates the geodesic distance between the two points will be updated. Click elsewhere and a new line will be created.

How it works

  1. A
    is created in New York City and displayed as a
    .
  2. When a click occurs on the
    , a new
    is obtained from the mouse click. This
    is added as a
    .
  3. A
    is created with the two
    objects.
  4. is called from the
    object, and the returned
    is stored as
    .
  5. is called from the start
    object, and the returned
    object’s distance number is displayed on the screen.

Relevant API

  • GeometryEngine.DensifyGeodetic
  • GeometryEngine.DistanceGeodetic

About the data

The Imagery basemap provides the global context for the displayed geodesic line.

Tags

densify, distance, geodesic, geodetic

Sample Code

GeodesicOperations.xaml GeodesicOperations.xaml GeodesicOperations.xaml.cs
<UserControl x:Class="ArcGIS.WinUI.Samples.GeodesicOperations.GeodesicOperations"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:controls="using:Esri.ArcGISRuntime.UI.Controls">
<Grid>
<controls:MapView x:Name="MyMapView" />
<Border Style="{StaticResource BorderStyle}">
<StackPanel>
<TextBlock x:Name="ResultsLabel"
FontWeight="SemiBold"
Text="Tap to set an end point."
TextAlignment="Center" />
</StackPanel>
</Border>
</Grid>
</UserControl>