Skip to content

Add integrated mesh layer

View on GitHub

View an integrated mesh layer from a scene service.

Image of Add integrated mesh layer sample

Use case

An integrated mesh is used to generate a mesh over a point dataset. They are most often used on high-density point datasets to create a high-resolution seamless surface.

How to use the sample

After launching the sample, watch the integrated mesh layer load in place. Navigate around the scene to visualize the high level of detail on the buildings.

How it works

  1. Create a Scene.
  2. Create an IntegratedMeshLayer with the URL to an integrated mesh layer scene service.
  3. Add the layer to the scene's operational layers.

Relevant API

  • IntegratedMeshLayer

About the data

This integrated mesh depicts the city of Girona, Spain and is attributed to the Institut Cartogràfic i Geològic de Catalunya (ICGC). The data was produced from photogrammetrically correct imagery. Areas of white space within the integrated mesh are areas that had poor overlapping coverage from photos.

Additional information

An integrated mesh layer can also be added to a scene from a local data source - either from a scene layer package (.slpk) or a mobile scene package (.mspk).

Tags

3D, integrated mesh, layers

Sample Code

AddIntegratedMeshLayerView.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 AddIntegratedMeshLayerView: View {
    /// A scene with an imagery basemap style and an integrated mesh layer.
    @State private var scene: ArcGIS.Scene = {
        let scene = Scene(basemapStyle: .arcGISImagery)
        // Creates the elevation source.
        let elevationSource = ArcGISTiledElevationSource(
            url: URL(string: "https://elevation3d.arcgis.com/arcgis/rest/services/WorldElevation3D/Terrain3D/ImageServer")!
        )
        // Creates the surface and adds it to the scene.
        let surface = Surface()
        surface.addElevationSource(elevationSource)
        scene.baseSurface = surface

        // Creates the integrated mesh layer that depicts Girona, Spain from
        // a scene service and adds it to the scene.
        let integratedMeshLayer = IntegratedMeshLayer(
            url: URL(string: "https://tiles.arcgis.com/tiles/z2tnIkrLQ2BRzr6P/arcgis/rest/services/Girona_Spain/SceneServer")!
        )
        scene.addOperationalLayer(integratedMeshLayer)
        return scene
    }()

    /// A Boolean value indicating when the draw status becomes completed
    /// for the first time.
    @State private var initialDrawCompleted = false

    /// The camera for zooming the scene view to the location.
    @State private var camera: Camera? = Camera(
        latitude: 41.9906,
        longitude: 2.8259,
        altitude: 200,
        heading: 190,
        pitch: 65,
        roll: 0
    )

    var body: some View {
        SceneView(scene: scene, camera: $camera)
            .onDrawStatusChanged { drawStatus in
                // Updates the the Boolean when the scene view's draw status
                // becomes completed for the first time.
                withAnimation {
                    if !initialDrawCompleted && drawStatus == .completed {
                        initialDrawCompleted = true
                    }
                }
            }
            .overlay(alignment: .center) {
                if !initialDrawCompleted {
                    ProgressView("Loading...")
                        .padding()
                        .background(.ultraThickMaterial)
                        .clipShape(.rect(cornerRadius: 10))
                        .shadow(radius: 50)
                }
            }
    }
}

#Preview {
    AddIntegratedMeshLayerView()
}

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