Identify raster cell

View inC++QMLView on GitHubSample viewer app

Get the cell value of a local raster at the tapped location and display the result in a callout.

screenshot

Use case

You may want to identify a raster layer to get its exact cell value in case the approximate value conveyed by its symbology is not sufficient. The information available for the raster cell depends on the type of raster layer being identified. For example, a 3-band satellite or aerial image might provide 8-bit RGB values, whereas a digital elevation model (DEM) would provide floating point z values. By identifying a raster cell of a DEM, you can retrieve the precise elevation of a location.

How to use the sample

Tap on the raster or press on the raster, hold, and move around the raster to identify it and see the raster cell attributes information displayed in a callout.

How it works

  1. Connect to signals emmited by a mouseClicked, mousePressedAndHeld, and mouseMoved on the MapView.
  2. On tapped or pressed, held, and dragged:
    • Call identifyLayer(...) passing in the raster layer, screen point, tolerance, whether to return popups only, and maximum number of results per layer.
    • Connect to the identifyLayerStatusChanged. If the identifyLayerStatus is Enums.TaskStatusCompleted then use the identifyLayerResult to get the result of the identify and then get the GeoElement from the layer result and get any RasterCells from them.
    • Create a callout at the calculated map point and populate the callout content with text from the RasterCell attributes.
    • Show the callout.

Relevant API

  • GeoView.identifyLayer(...)
  • IdentifyLayerResult
  • RasterCell
  • RasterCell.attributes
  • RasterLayer

Offline data

To set up the sample's offline data, see the Use offline data in the samples section of the Qt Samples repository overview.

Link Local Location
South Africa data <userhome>/ArcGIS/Runtime/Data/raster/SA_EVI_8Day_03May20

About the data

The data shown is an NDVI classification derived from MODIS imagery between 27 Apr 2020 and 4 May 2020. It comes from the NASA Worldview application. In a normalized difference vegetation index, or NDVI, values range between -1 and +1 with the positive end of the spectrum showing green vegetation.

Tags

band, cell, cell value, continuous, discrete, identify, pixel, pixel value, raster

Sample Code

IdentifyRasterCell.qml
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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
// [WriteFile Name=IdentifyRasterCell, Category=Layers]
// [Legal]
// Copyright 2020 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
// http://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.
// [Legal]

import QtQuick
import QtQuick.Controls
import Esri.ArcGISRuntime
import Esri.ArcGISExtras
import Esri.ArcGISRuntime.Toolkit

Rectangle {
    id: rootRectangle
    clip: true
    width: 800
    height: 600

    readonly property url dataPath: {
        Qt.platform.os === "ios" ?
                    System.writableLocationUrl(System.StandardPathsDocumentsLocation) + "/ArcGIS/Runtime/Data/raster/SA_EVI_8Day_03May20/" :
                    System.writableLocationUrl(System.StandardPathsHomeLocation) + "/ArcGIS/Runtime/Data/raster/SA_EVI_8Day_03May20/"
    }
    property Point clickedPoint: null
    property string calloutText: ""
    property bool pressedMouse: false

    MapView {
        id: mapView
        anchors.fill: parent

        Component.onCompleted: {
            // Set the focus on MapView to initially enable keyboard navigation
            forceActiveFocus();
        }

        Callout {
            id: callout
            calloutData: parent.calloutData
            implicitWidth: 300
            contentItem: Label {
                id: componentText
                text: calloutText
                wrapMode: Text.WordWrap
                horizontalAlignment: Qt.AlignHCenter
                verticalAlignment: Qt.AlignVCenter
            }
        }

        Map {
            Basemap {
                initStyle: Enums.BasemapStyleArcGISOceans
            }
            RasterLayer {
                id: rasterLayer
                Raster {
                    path: dataPath + "SA_EVI_8Day_03May20.tif"
                }

                onErrorChanged: {
                 console.warn(loadError.message);
                }

                onLoadStatusChanged: {
                    if (loadStatus !== Enums.LoadStatusLoaded)
                        return;

                    mapView.setViewpointGeometry(fullExtent);
                }
            }
        }

        onMouseClicked: mouse => {
            clickedPoint = screenToLocation(mouse.x, mouse.y);
            if (identifyLayerStatus !== Enums.TaskStatusInProgress) {
                identifyLayerWithMaxResults(rasterLayer, mouse.x, mouse.y, 10, false, 1);
            }
        }

        onMousePressedAndHeld: mouse => {
            pressedMouse = true;
            clickedPoint = screenToLocation(mouse.x, mouse.y);
            if (identifyLayerStatus !== Enums.TaskStatusInProgress) {
                identifyLayerWithMaxResults(rasterLayer, mouse.x, mouse.y, 10, false, 1);
            }
        }
        onMouseReleased: pressedMouse = false;
        onMousePositionChanged: mouse => {
            if (pressedMouse) {
                clickedPoint = screenToLocation(mouse.x, mouse.y);
                if (identifyLayerStatus !== Enums.TaskStatusInProgress) {
                    identifyLayerWithMaxResults(rasterLayer, mouse.x, mouse.y, 10, false, 1);
                }
            }
        }

        onIdentifyLayerStatusChanged: {
            if (identifyLayerStatus !== Enums.TaskStatusCompleted)
                return;

            for (let i = 0; i < identifyLayerResult.geoElements.length; i++) {
                calloutText = "";
                let geoElement = identifyLayerResult.geoElements[i];
                const attributes = geoElement.attributes;
                const attributeNames = attributes.attributeNames;

                for (let j = 0; j < attributeNames.length; j++) {
                    calloutText = calloutText + attributeNames[j] + ": " + attributes.attributeValue(attributeNames[j]) + "\n";
                }

                const xPoint = geoElement.geometry.extent.xMin;
                const yPoint = geoElement.geometry.extent.yMin;

                calloutText = calloutText + "X: " + xPoint.toFixed(2) + " Y: " + yPoint.toFixed(2);

                callout.calloutData.location = clickedPoint;
                callout.showCallout();
            }
        }
    }
}

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