Scenes (3D)

Maps and scenes provide interactive displays of geographic data that enable you to visualize and explore patterns, answer questions, and share insight. They can be opened, edited, and shared across the ArcGIS system and beyond. While the programming patterns are similar and many of the classes you work with are the same, maps are designed for working with geographic data in two dimensions (2D) and scenes in three dimensions (3D). Most applications contain a basemap layer to display geographic data with streets or satellite imagery, but you can also use data layers and graphics to display additional data. See Maps (2D) in this guide for more information about working with maps.

You can use a scene and a scene view to:

• Display a basemap layer such as streets or satellite imagery.
• Access and display data layers based on files or services, including data you have authored.
• Display terrain with an elevation layer.
• Display real-world objects such as buildings, cars, and trees.
• Display 3D visualizations of 2D objects.
• Perform 3D analysis, such as line-of-sight, visibility, and 3D measurements.
• Provide context for temporary points, lines, polygons, or text displayed as graphics.
• Measure distance and explore spatial relationships between geometries.
• Inspect data layers and display information from attributes.

How a scene works

A scene works together with a scene view to display geographic content in three dimensions. A scene contains a collection of layers including multiple data layers from online or local sources, a basemap layer that gives geographic context, and a base surface containing elevation data. A scene can also contain datasets that enable searches for addresses or place names, networks for solving routes, and non-spatial tables.

For offline workflows (when you don't have network connectivity), you can open a scene stored in a mobile scene package. You can create mobile scene packages using ArcGIS Pro, share them using your ArcGIS organization, or distribute directly by copying to a device. See Offline maps, scenes, and data for more information about implementing offline workflows in your app.

Scene

A scene contains a collection of layers. Two dimensional layers are displayed in the order in which they are added, while three dimensional layers are displayed using the layer's elevation information. You can use the scene to change the display order of two dimensional layers as well as to control which layers are visible, and expose this functionality with user interface controls such as lists, check boxes, or switches. Scenes extend the concept of a basemap by introducing a base surface that contains a collection of elevation sources. Layers can be draped on top of the surface, positioned relative to the surface or displayed based on their absolute values.

You can instantiate a new Scene object by creating a new scene and building it entirely with code. With this approach, you typically first add a basemap layer and then one or more data layers.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
        // Set your API key during app initialization.
        // ArcGISEnvironment.apiKey = APIKey("<#YOUR-ACCESS-TOKEN#>")
        // Creates a scene with a basemap style.
        let scene = Scene(basemapStyle: .arcGISTopographic)
        // Creates an elevation source with a URL.
        let worldElevationServiceURL = URL(string: "https://elevation3d.arcgis.com/arcgis/rest/services/WorldElevation3D/Terrain3D/ImageServer")!
        // Creates and adds the elevation source to the surface.
        let elevationSource = ArcGISTiledElevationSource(url: worldElevationServiceURL)
        let surface = Surface()
        surface.addElevationSource(elevationSource)
        // Adds the surface to the scene.
        scene.baseSurface = surface

You can also instantiate a Scene that's stored in a portal (such as ArcGIS Online) using its item ID or URL.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
        let portalID = PortalItem.ID("579f97b2f3b94d4a8e48a5f140a6639b")!
        let portalItem = PortalItem(portal: .arcGISOnline(connection: .anonymous), id: portalID)
        let scene = Scene(item: portalItem)

When the Scene first appears in the SceneView, you can focus the initial display at a specified view point with the GeoModel.initialViewpoint method. If an initial view point is not defined, the scene will initially display at a global scale.

Layer

Each layer in a scene references geographic data, either from an online service or from a local dataset. There are a variety of layers that can be added to a scene, each designed to display a particular type of data. Some layers display images, such as satellite photos or aerial photography, others are composed of a collection of features to represent real-world entities using point, line, or polygon geometries. In addition to geometry, features have attributes that provide details about the entity it represents.

Scenes can also contain scene layers enabling you to create advanced 3D visualizations. Scene layers can contain one of four data types: points, point cloud, 3D objects, or an integrated mesh. To learn more about scene layers, visit What is a scene layer? in the ArcGIS Pro documentation.

The Layer class is the base class for all types of layers. The type of layer you create depends on the type of data you want to display. For example, to display feature data (point, line, or polygon geometry), for example, you can create a FeatureLayer that references an online service (such as a feature service) or a supported local dataset. Some layers cannot be displayed in a scene, such as ArcGISVectorTiledLayer and AnnotationLayer. Similarly, 3D layers cannot be displayed in a map, such as ArcGISSceneLayer.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
        // Set your API key during app initialization.
        // ArcGISEnvironment.apiKey = APIKey("<#YOUR-ACCESS-TOKEN#>")

        let scene = Scene(
            basemapStyle: .arcGISTopographic
        )

        let trailheadsLayer = FeatureLayer(
            featureTable: ServiceFeatureTable(
                url:
                    URL(string: "https://services3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/Trailheads_Styled/FeatureServer/0")!
            )
        )
        let trailsLayer = FeatureLayer(
            featureTable: ServiceFeatureTable(
                url:
                    URL(string: "https://services3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/Trails_Styled/FeatureServer/0")!
            )
        )

        let openSpaceLayer = FeatureLayer(
            featureTable: ServiceFeatureTable(
                url:
                    URL(string: "https://services3.arcgis.com/GVgbJbqm8hXASVYi/arcgis/rest/services/Parks_and_Open_Space_Styled/FeatureServer/0")!
            )
        )

        scene.addOperationalLayers([trailheadsLayer, trailsLayer, openSpaceLayer])

Camera

Scenes and scene views extend the concept of two dimensional viewpoints with a camera that represents the observer's position and perspective within three dimensions.

The following properties define the camera position:

• Geographic location on the surface (longitude and latitude)
• Altitude (height, in meters, above sea level)
• Heading (angle about the z axis the camera is rotated, in degrees)
• Pitch (angle the camera is rotated up or down, in degrees)
• Roll (angle the camera is rotated side-to-side, in degrees)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
        let point = Point(x: -118.804, y: 34.027, z: 5330.0, spatialReference: .wgs84)
        let camera = Camera(location: point, heading: 355.0, pitch: 72.0, roll: 0)
        scene.initialViewpoint = Viewpoint(boundingGeometry: point, camera: camera)

A scene view has an associated controller that manages the camera for the scene. Each type of camera controller is designed to provide a specific user experience for interacting with the scene display. The camera controller and its properties can be changed at run time, enabling you to provide the scene view interaction experience best suited for the current context.

When a camera controller other than the default GlobeCameraController is active, the scene view's viewpoint cannot be assigned. Attempts to do so do not raise an exception, but they are ignored.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
    let orbitCameraController: OrbitGeoElementCameraController = {
        let plane3D = Graphic()
        let orbitCameraController = OrbitGeoElementCameraController(target: plane3D, distance: 26)
        orbitCameraController.cameraPitchOffset = 75.0
        return orbitCameraController
    }()

    var body: some View {
        SceneView(scene: scene, cameraController: orbitCameraController)
    }

The following camera controllers are provided:

• GlobeCameraController (default)—Provides the default scene view camera behavior. Allows the user to freely move and focus the camera anywhere in the scene.
• OrbitGeoElementCameraController—Locks the scene view's camera to maintain focus relative to a (possibly moving) graphic. The camera can only move relative to the target graphic.
• OrbitLocationCameraController—Locks the scene view's camera to orbit a fixed location (map point). The camera can only move relative to the target map point.
• TransformationMatrixCameraController—Provides navigation by using a TransformationMatrix to control the camera's location and rotation. You need to pass this object to all TransformationMatrixCameraController functions. This can be used with transformation matrices produced by Augmented Reality APIs like ARKit (iOS) and ARCore (Android).

SceneView

A scene view is a user interface control that displays a single scene in your application. It contains built-in functionality that allows the user to explore the scene by zooming in and out, panning and rotating, or getting additional information about elements in the scene. Scene views may also contain graphics in one or more graphics overlays.

After creating a scene view, you typically set the scene and the camera position. Unlike a map, a scene uses a camera to define the viewer's perspective and to determine the visible area. The perspective is defined by setting the camera's position, location, altitude (height), heading, and tilt.

Add a Scene to a SceneView control to display it. Changes you make to the scene, such as adding, removing, or reording layers, will immediately be reflected in the display. The GeoModel.initialViewpoint method will set the area shown when the scene loads.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
    var body: some View {
        SceneView(scene: scene, cameraController: orbitCameraController)
    }

A scene view control also allows you to:

• Adjust light, atmosphere, and space effects.
• Display image overlays on the scene surface.
• Lock the camera to a location or geoelement.
• Add analysis overlays to visualize analysis results.
• Identify and select features using a mouse or tap location.
• Export an image of the current display.
• Apply a time extent to filter the display of features.

Examples

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
    // Set your API key during app initialization.
    // ArcGISEnvironment.apiKey = APIKey("<#YOUR-ACCESS-TOKEN#>")
    @State private var scene: ArcGIS.Scene = {
        // Creates a scene with a basemap style.
        let scene = Scene(basemapStyle: .arcGISTopographic)
        // Creates an elevation source with a URL.
        let worldElevationServiceURL = URL(string: "https://elevation3d.arcgis.com/arcgis/rest/services/WorldElevation3D/Terrain3D/ImageServer")!
        // Creates and adds the elevation source to the surface.
        let elevationSource = ArcGISTiledElevationSource(url: worldElevationServiceURL)
        let surface = Surface()
        surface.addElevationSource(elevationSource)
        // Adds the surface to the scene.
        scene.baseSurface = surface
        // Creates an initial viewpoint with a point and camera.
        let point = Point(x: -118.804, y: 34.027, z: 5330.0, spatialReference: .wgs84)
        let camera = Camera(location: point, heading: 355.0, pitch: 72.0, roll: 0)
        scene.initialViewpoint = Viewpoint(boundingGeometry: point, camera: camera)
        return scene
    }()

    var body: some View {
        // Displays the model's scene.
        SceneView(scene: scene)
    }

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
    // Set your API key during app initialization.
    // ArcGISEnvironment.apiKey = APIKey("<#YOUR-ACCESS-TOKEN#>")
    @State private var scene = Scene()

    func loadMobileScenePackage() async throws {
        // Creates a mobile scene package with a local file.
        let fileURL = Bundle.main.url(forResource: "Philadelphia", withExtension: "mspk")!
        let scenePackage = MobileScenePackage(fileURL: fileURL)
        try await scenePackage.load()
        // Gets the first map in the mobile map package.
        guard let scene = scenePackage.scenes.first else { return }
        self.scene = scene
    }

    var body: some View {
        SceneView(scene: scene)
            .task {
                do {
                    try await loadMobileScenePackage()
                } catch {
                    // Prints an error message if the map fails to load.
                    print("Error loading mobile map scene package.")
                }
            }
    }

Tutorials

Display a scene

Display a web scene

Samples

Change camera controller

Show realistic light and shadows

Animate images with image overlay

Display a web scene from a portal item

Display scene from a mobile scene package

Augment reality to show tabletop scene

Services

• Try a tutorial

  Step-by-step code examples

• Visit the samples

  Learn what is possible

• Explore the API

  Read more about classes