Skip to content
View on GitHub

Display a local scene with a topographic surface and 3D scene layer clipped to a local area.

Image of Display local scene sample

Use case

A LocalSceneView is a user interface that displays 3D basemaps and layer content described in a Scene with a local Scene.ViewingMode.

Unlike a global scene, which is drawn on a globe using a geographic coordinate system, a local scene is drawn on a flat surface and supports projected coordinate systems. They are generally used to view local data and are often clipped to a specific area of interest. Currently, LocalSceneView cannot display data provided by a global scene, and SceneView cannot display data provided by a local scene.

The LocalSceneView displays the clipped area of the local scene, supports user interactions such as pan and zoom, and provides access to the underlying scene data.

How to use the sample

This sample displays a local scene clipped to an extent. Pan and zoom to explore the scene.

How it works

  1. Create a local scene object with the Scene(viewingMode:basemapStyle:) constructor.
  2. Create an ArcGISTiledElevationSource object and add it to the local scene's base surface.
  3. Create an ArcGISSceneLayer and add it to the local scene's operational layers.
  4. Create an Envelope and set it to the scene.clippingArea, then enable clipping by setting scene.clippingIsEnabled to true.
  5. Set the initial viewpoint for the local scene.
  6. Create a LocalSceneView instance with the scene.

Relevant API

  • ArcGISSceneLayer
  • ArcGISTiledElevationSource
  • LocalSceneView
  • Scene

About the data

The scene layer in this sample shows 3D extruded rooftop outlines of buildings on the Victoria University campus and surrounding vicinity in Wellington, New Zealand.

Tags

3D, basemap, elevation, scene, surface

Sample Code

DisplayLocalSceneView.swift
Use dark colors for code blocksCopy
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
// Copyright 2025 Esri
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//   https://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.

import ArcGIS
import SwiftUI

struct DisplayLocalSceneView: View {
    /// A local scene with topographic basemap style and a tiled elevation source.
    @State private var scene: ArcGIS.Scene = {
        let scene = Scene(
            viewingMode: .local,
            basemapStyle: .arcGISTopographic
        )

        // Adds a surface.

        let elevationSource = ArcGISTiledElevationSource(
            url: URL(string: "https://elevation3d.arcgis.com/arcgis/rest/services/WorldElevation3D/Terrain3D/ImageServer")!
        )
        scene.baseSurface.addElevationSource(elevationSource)

        // Adds a layer.

        let sceneLayer = ArcGISSceneLayer(
            url: URL(string: "https://www.arcgis.com/home/item.html?id=7a63e9808a054d39964a8b4712c85657")!
        )
        scene.addOperationalLayer(sceneLayer)

        // Sets the clipping area.

        scene.clippingArea = Envelope(
            xRange: 19_454_578.8235...19_455_518.8814,
            yRange: -5_055_381.4798 ... -5_054_888.4150,
            spatialReference: .webMercator
        )
        scene.clippingIsEnabled = true

        // Sets the initial viewpoint.

        let camera = Camera(
            location: Point(
                x: 19_455_578.6821,
                y: -5_056_336.2227,
                z: 1_699.3366,
                spatialReference: .webMercator
            ),
            heading: 338.7410,
            pitch: 40.3763,
            roll: 0
        )
        scene.initialViewpoint = Viewpoint(
            center: Point(x: 19_455_026.8116, y: -5_054_995.7415, spatialReference: .webMercator),
            scale: 8_314.6991,
            camera: camera
        )

        return scene
    }()

    var body: some View {
        // Creates a local scene view with a local scene.
        LocalSceneView(scene: scene)
    }
}

#Preview {
    DisplayLocalSceneView()
}

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