View on GitHubSample viewer app
Get the draw status of your map view or scene view to know when all layers in the map or scene have finished drawing.
Use case
You may want to display a loading indicator while layers are loading.
How it works
- Create a
MapView
and connect to the onDrawStatusChanged
signal.
- Use
drawStatus
on the to determine draw status.
Relevant API
- Map
- drawStatus
- MapView.onDrawStatusChanged
- MapView
draw, loading, map, render
Sample Code
DisplayDrawingStatus.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
// [WriteFile Name=DisplayDrawingStatus, Category=Maps]
// [Legal]
// Copyright 2016 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
Rectangle {
clip: true
width: 800
height: 600
// create MapView
MapView {
anchors.fill: parent
Component.onCompleted: {
// Set the focus on MapView to initially enable keyboard navigation
forceActiveFocus();
}
// create map using topographic basemap
Map {
Basemap {
initStyle: Enums.BasemapStyleArcGISTopographic
}
// create FeatureLayer using a service URL
FeatureLayer {
ServiceFeatureTable {
url: "https://sampleserver6.arcgisonline.com/arcgis/rest/services/DamageAssessment/FeatureServer/0"
}
}
// set initial viewpoint
ViewpointExtent {
Envelope {
xMin: -13639984
yMin: 4537387
xMax: -13606734
yMax: 4558866
spatialReference: SpatialReference { wkid: 3857 }
}
}
}
// make Drawing Window visible if map is drawing. Not visible if drawing completed
onDrawStatusChanged: {
drawStatus === Enums.DrawStatusInProgress ? mapDrawingWindow.visible = true : mapDrawingWindow.visible = false;
}
}
Rectangle {
id: mapDrawingWindow
anchors.fill: parent
color: "transparent"
Rectangle {
anchors.fill: parent
color: "#60000000"
}
// pop up to show if MapView is drawing
Rectangle {
anchors.centerIn: parent
width: 100
height: 100
radius: 3
opacity: 0.85
color: "#E0E0E0"
border.color: "black"
Column {
anchors.centerIn: parent
topPadding: 5
spacing: 5
BusyIndicator {
anchors.horizontalCenter: parent.horizontalCenter
height: 60
running: true
}
Text {
anchors.horizontalCenter: parent.horizontalCenter
font {
weight: Font.Black
pixelSize: 12
}
height: 20
horizontalAlignment: Text.AlignHCenter
text: "Drawing..."
}
}
}
}
}