Display layer view draw state

View inQMLC++
View on GitHub
Sample viewer app

Determine if a layer is currently being viewed.

screenshot

Use case

The view status includes information on the loading state of layers and whether layers are visible at a given scale. You might change how a layer is displayed in a layer list to communicate whether it is being viewed in the map. For example, you could show a loading spinner next to its name when the view status is Loading, grey out the name when NotVisible or OutOfScale, show the name normally when Active, or with a warning or error icon when the status is Warning or Error.

How to use the sample

Tap the Load layer button to add a feature layer to the map. The current view status of the layer will display on the map. Zoom in and out of the map and note the layer disappears when the map is scaled outside of its min and max scale range. Control the layer's visibility with the Hide layer button. If you disconnect your device from the network and pan around the map, a warning will display. Reconnect to the network to remove the warning. The layer's current view status will update accordingly as you carry out these actions.

How it works

  1. Create a Map with some operational layers.
  2. Set the map on a MapView.
  3. Connect to the layerViewStateChanged signal from the map view.
  4. Display the LayerViewStatus flag for the FeatureLayer.

Relevant API

  • LayerViewState
  • LayerViewStatus
  • Map
  • MapQuickView::layerViewStateChanged
  • MapView

About the data

The Satellite (MODIS) Thermal Hotspots and Fire Activity layer presents detectable thermal activity from MODIS satellites for the last 48 hours. MODIS Global Fires is a product of NASA’s Earth Observing System Data and Information System (EOSDIS), part of NASA's Earth Science Data. EOSDIS integrates remote sensing and GIS technologies to deliver global MODIS hotspot/fire locations to natural resource managers and other stakeholders around the World.

Additional information

The following are members of the LayerViewStatus enum:

  • LayerViewStatus::Active: The layer in the view is active.
  • LayerViewStatus::NotVisible: The layer in the view is not visible.
  • LayerViewStatus::OutOfScale: The layer in the view is out of scale. A status of LayerViewStatus::OutOfScale indicates that the view is zoomed outside of the scale range of the layer. If the view is zoomed too far in (e.g. to a street level), it is beyond the max scale defined for the layer. If the view has zoomed too far out (e.g. to global scale), it is beyond the min scale defined for the layer.
  • LayerViewStatus::Loading: The layer in the view is loading. Once loading has completed, the layer will be available for display in the view. If there was a problem loading the layer, the status will be set to ERROR.
  • LayerViewStatus::Error: The layer in the view has an unrecoverable error. When the status is LayerViewStatus::Error, the layer cannot be rendered in the view. For example, it may have failed to load, be an unsupported layer type, or contain invalid data.
  • LayerViewStatus::Warning: The layer in the view has a non-breaking problem with its display, such as incomplete information (eg. by requesting more features than the max feature count of a service) or a network request failure.

If your device supports airplane mode, you can toggle this on and pan around the map to see layers display the WARNING status when they cannot online fetch data. Toggle airplane mode back off to see the warning disappear.

Tags

layer, load, map, status, view, visibility

Sample Code

DisplayLayerViewDrawState.qmlDisplayLayerViewDrawState.cppDisplayLayerViewDrawState.h
                                                                                                                       
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
// [WriteFile Name=DisplayLayerViewDrawState, Category=Maps]
// [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 2.6
import QtQuick.Controls 2.2
import QtQuick.Layouts 1.12
import Esri.Samples 1.0
import Esri.ArcGISRuntime.Toolkit 100.11

Item {

    // add a mapView component
    MapView {
        id: view
        anchors.fill: parent

        Dialog {
            id: warningDialog
            anchors.centerIn: parent
            standardButtons: Dialog.Ok
            visible: model.warningMessage !== "" ? true : false
            Text {
                text: model.warningMessage;
            }
        }

        Rectangle {
            id: controlRect
            anchors {
                bottom: loadLayerButton.top
                horizontalCenter: parent.horizontalCenter
                margins: 5
            }
            width: childrenRect.width
            height: childrenRect.height
            color: "#1976D2"
            radius: 3

            MouseArea {
                width: controlLayout.childrenRect.width
                height: controlLayout.childrenRect.height
                onClicked: mouse.accepted = true;
                onWheel: wheel.accepted = true;
            }

            ColumnLayout{
                id: controlLayout

                Text {
                    id: textHeader
                    text: qsTr("Current view status:")
                    color: "white"
                }

                Column {
                    id: column
                    Layout.alignment: Qt.AlignHCenter
                    Repeater {
                        id: layerViewStatusRepeater
                        model: model.viewStatus
                        Layout.alignment: Qt.AlignHCenter
                        Item {
                            width: childrenRect.width
                            height: childrenRect.height
                            Text {
                                text: modelData
                                color: "white"
                            }
                        }
                    }
                }
            }
        }

        Button {
            id: loadLayerButton
            anchors {
                bottom: view.attributionTop
                horizontalCenter: parent.horizontalCenter
                margins: 5
            }
            text: qsTr("Load Layer")
            enabled: !model.loading
            clip: true
            onClicked: {
                if (text === qsTr("Load Layer")) {
                    model.loadLayer();
                    text = qsTr("Hide Layer");
                } else if (text === qsTr("Hide Layer")) {
                    text = qsTr("Show Layer");
                    model.changeFeatureLayerVisibility(false);

                } else if (text === qsTr("Show Layer")) {
                    text = qsTr("Hide Layer");
                    model.changeFeatureLayerVisibility(true);
                }
            }
        }
    }

    // Declare the C++ instance which creates the scene etc. and supply the view
    DisplayLayerViewDrawStateSample {
        id: model
        mapView: view
    }
}

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