Showcase image

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.

Your browser is no longer supported. Please upgrade your browser for the best experience.