ArcGIS Experience Builder

Explore the outdoors with the Elevation Profile widget

Whether I’m looking for the next peak to conquer or a scenic route to wander, I like to explore and fully evaluate my options. As a hiker, a climber, a biker, or even a paraglider, understanding the lay of the land before getting out there is key to being prepared.

With the Elevation Profile widget in ArcGIS Experience Builder, you can assess the intensity and technicality of a route by examining the elevation changes and choose suitable paths based on the desired challenge.

In the Rocky Mountain National Park Trails Viewer application below, selected trails from the list or on the map can be visualized with their elevation profile and statistics.

Rocky Mountain National Park Trails Viewer application

Leverage the next-selectable options and intersecting functionality to build your own paths and evaluate alternative routes.

Elevation Profile widget next-selectable and intersecting functionality

 

How to build a trail viewer app

Follow the steps below to create a basic trail viewer application. Feel free to further customize the layout, themes, and content for your own app. You will need an ArcGIS organizational account with privileges to create content.

Create a new application

  1. Use your own web map with trail data or use the Rocky Mountain National Park Service Trails map sample from the example above.
  2. From the web map item page, click Create Web App and choose Experience Builder.
  3. Find the Blank grid template and click Create.
Create an app using the Blank grid template

 

Configure elevation profiles for a layer

  1. From the Insert widget panel, find the Elevation profile widget and add it below the Map widget.
  2. Connect the Elevation Profile widget to the Map widget.
  3. Update the Map Settings to enable Selectable Layers. This will display the ground elevation profile when selecting lines on the map.
  4. Use the Live View mode to select a trail and view its elevation profile.
Add Elevation Profile widget and enable Selectable Layers

 

View intersecting trails along the profile

  1. Update the Map Settings to enable Intersecting Layers.
  2. Select a layer to intersect: this supports lines and points layers. For this example, select your trails layer.
  3. Choose a Display Field for the intersecting features displayed in the elevation profile graph.
  4. Optionally, make changes to the Style.
  5. Use the Live View mode to select a trail and see connected and intersecting trails.
Enabled Intersecting Layers in the Elevation Profile widget

 

View profile statistics

Statistics for an elevation profile can be viewed from the Profile Statistics window.

Profile Statistics window

You can also use the output data source to customize the display of those statistics in the Text widget.

  1. From the Insert widget panel, find the Text widget and add it to the left of the Elevation Profile widget.
  2. Connect the Text widget to the Elevation Profile statistics output data source.
  3. Set dynamic content to show attributes from the Default Elevation Profile statistics.
  4. Type custom text and insert attributes to customize the display of the statistics.
  5. Use the Live View mode to select a trail and view statistics in the Text widget.
Customize the display of statistics in the Text widget

 

Display a list of trails

  1. From the Insert widget panel, find the List widget and add it to the left of the Map widget.
  2. Connect the List widget to the trails layer from the map.
  3. Configure the dynamic text content to show the Trail Name.
Add the List widget to display a list of trails

Next, configure actions in the List widget to view the elevation profile when a trail is selected:

  1. From the Action panel, under Message action, click Add a trigger and choose Record selection changes. Select the Elevation Profile widget as a target and set the action to Select line.
  2. Add another action and select the Map widget as the target. Set the action to Zoom to.
Configure actions to view the elevation profile when a trail is selected
  1. Open the Preview and select a trail from the list to view its elevation profile.
Select a trail from the list to view its elevation profile

Further customize and prettify your application and share it with your friends to plan your next outdoor adventure!

About the author

Alix works on the ArcGIS Solutions Web Development team as a Product Engineer to successfully deliver industry web tools for ArcGIS Web AppBuilder, ArcGIS Experience Builder, and ArcGIS Maps SDK for JavaScript since 2019. Prior to her work at Esri, she assisted in the digital GIS transformation of a property and land management organization in New Zealand and coauthored Esri Learn lessons for Public Safety. She has a degree in GIS from Université de Sherbrooke (Québec, Canada).

Connect:

Next Article

Inspect assets with ArcGIS Drone2Map

Read this article