Apply hillshade renderer to raster

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
// 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 ApplyHillshadeRendererToRasterView: View {
    /// The model used to store the geo model and other expensive objects
    /// used in this view.
    class Model: ObservableObject {
        /// The map that will be shown.
        let map: Map

        /// The raster layer in the map.
        private let rasterLayer: RasterLayer

        /// The raster renderer.
        var renderer: HillshadeRenderer {
            didSet {
                // When the renderer is updated, update the layer accordingly.
                rasterLayer.renderer = renderer
            }
        }

        init() {
            // Gets the raster file URL.
            let rasterFileURL = Bundle.main.url(forResource: "srtm", withExtension: "tiff", subdirectory: "srtm/srtm hillshade raster")!

            // Creates a raster with the file URL.
            let raster = Raster(fileURL: rasterFileURL)

            // Creates a raster layer using the raster object.
            rasterLayer = RasterLayer(raster: raster)

            // Apply the hillshade renderer to the raster layer.
            renderer = HillshadeRenderer(
                altitude: 45,
                azimuth: 315,
                slopeType: nil,
                zFactor: 0.000016,
                pixelSizeFactor: 1,
                pixelSizePower: 1,
                outputBitDepth: 8
            )
            rasterLayer.renderer = renderer

            // Create our map.
            map = Map(basemap: .init(baseLayer: rasterLayer))
        }
    }

    /// The view model for the sample.
    @StateObject private var model = Model()

    /// A Boolean value indicating if the settings panel is presented.
    @State private var isSettingsPanelPresented = false

    var body: some View {
        // Creates a map view to display the map.
        MapView(map: model.map)
            .toolbar {
                ToolbarItem(placement: .bottomBar) {
                    Button("Settings") {
                        isSettingsPanelPresented = true
                    }
                    .popover(isPresented: $isSettingsPanelPresented) {
                        SettingsView(renderer: $model.renderer)
                            .presentationDetents([.medium])
                            .frame(idealWidth: 320, idealHeight: 380)
                    }
                }
            }
    }
}