Create a local scene

This sample shows how to create a local scene and add it to a SceneView. Two layers are added to the scene in this sample - a layer depicting oil and gas wells in southern Kansas and another showing the locations of nearby earthquakes. These layers are rendered on the surface as well as below the surface of the scene.

scene-local-beneath

You may navigate underneath the basemap to view the exact location of the earthquakes in relation to the true locations and depths of nearby oil and gas wells. To explore features below the surface, you must tilt the view. To tilt below the surface, right click the view and drag the mouse up. Right click and drag the mouse downward to tilt back above the surface. Click here to read more about navigation in a SceneView.

The viewingMode property of SceneView determines whether the scene is global or local. Set clippingArea to define the bounds of the local scene.

The navigationConstraint property on the Ground controls the user's ability to navigate below the surface in local scenes.

Use dark colors for code blocksCopy
1
2
3
4
5
6
7
8
9
10
11
12
13
14
// Creating a new map
const map = new Map({
  basemap: "topo-vector"
});

// Add the scene to a SceneView
const view = new SceneView({
  container: "viewDiv",
  map: map,
  // Indicates to create a local scene
  viewingMode: "local",
  // Use the extent defined in clippingArea to define the bounds of the scene
  clippingArea: kansasExtent
});

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