Underground navigation in global mode

This sample shows how to change the opacity and color of the ground and how to enable underground navigation in a global WebScene.

In a global scene the user is constrained by default to navigate above the ground surface, so setting the navigationConstraint to none will allow users to navigate under the ground.

1
2
3
map.ground.navigationConstraint = {
  type: "none"
};

Sometimes it's useful to see what data lies under the ground surface without navigating below the surface. Setting the ground opacity to a value lower than 1 allows users to see through the ground surface. The opacity is applied to the basemaps (if any available) as well.

1
map.ground.opacity = 0.6;

In this sample we visualize the scene at the street level. That's why a basemap is not really needed. To avoid having a grid as default, we set a surfaceColor on the ground:

1
map.ground.surfaceColor = "#CFC7BC";

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.

The developer dashboard has moved

You can no longer sign into this site. Go to your ArcGIS portal or the ArcGIS Location Platform dashboard to perform management tasks.

Your ArcGIS portal

Create, manage, and access API keys and OAuth 2.0 developer credentials, hosted layers, and data services.

Your ArcGIS Location Platform dashboard

Manage billing, monitor service usage, and access additional resources.

Learn more about these changes in the What's new in Esri Developers June 2024 blog post.

Close