Hike in the Swiss National Park

Select and visualize hiking trails on the go using a 3D web app on your phone

Live demoView code

What it does

In this app you can explore National Park hiking trails in a 3D scene using your mobile device. Hikers that want to pick a hike based on their ability can filter trails by difficulty level or walk time, or select a trail from the map to display more details such as the trail name, description, and elevation profile.

Learn More

Under the hood

Load a web scene

A 3D web scene is used that contains contour lines, mountain peaks, park borders and more. The web scene encapsulates this geo-spatial data and is loaded in the web app with just a few lines of code.

Visualize terrain

This app was originally built using 2D data. Using Esri’s global elevation service, terrain was added to the scene in order to provide a lifelike 3D context around the 2D trail data.

3D labeling

Labels can be easily obstructed by terrain or other 3D objects in a scene. This app uses labels that have a vertical offset and callout line so that trail names can be seen above mountain tops.

Elevation profiles

Elevation profiles are generated to give a sense of hiking difficulty by depicting elevation changes over a distance. The app queries the Esri global elevation service to determine the trail's elevation along its entire path.