Change a graphic's symbol based on the camera's proximity to it.
Use case
When showing dense datasets, it is beneficial to reduce the detail of individual points when zooming out to avoid visual clutter and to avoid data points overlapping and obscuring each other.
How to use the sample
The sample starts looking at a plane. Zoom out from the plane to see it turn into a cone. Keeping zooming out and it will turn into a point.
How it works
Create a GraphicsOverlay object and add it to a SceneView object.
Create a DistanceCompositeSceneSymbol object.
Create DistanceSymbolRange objects specifying a Symbol and the min and max distance within which the symbol should be visible.
Add the ranges to the range collection of the distance composite scene symbol.
Create a Graphic object with the distance composite scene symbol at a location and add it to the graphics overlay.
Relevant API
DistanceCompositeSceneSymbol
Range
RangeCollection
Offline Data
Read more about how to set up the sample's offline data here.
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
132
133
134
135
136
137
138
// [WriteFile Name=DistanceCompositeSymbol, Category=Scenes]// [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 {
width: 800height: 600 readonly property url dataPath: {
Qt.platform.os === "ios" ?
System.writableLocationUrl(System.StandardPathsDocumentsLocation) + "/ArcGIS/Runtime/Data/" :
System.writableLocationUrl(System.StandardPathsHomeLocation) + "/ArcGIS/Runtime/Data/" }
// Create a scene viewSceneView {
id: sceneViewanchors.fill: parentComponent.onCompleted: {
// Set the focus on SceneView to initially enable keyboard navigation forceActiveFocus();
}
// create a scene...scene is a default property of sceneview// and thus will get added to the sceneviewScene {
// add a basemapBasemap {
initStyle: Enums.BasemapStyleArcGISImageryStandard
}
// add a surface...surface is a default property of sceneSurface {
// add an arcgis tiled elevation source...elevation source is a default property of surfaceArcGISTiledElevationSource {
url: "https://elevation3d.arcgis.com/arcgis/rest/services/WorldElevation3D/Terrain3D/ImageServer" }
}
}
// add an orbit camera controller to lock the camera to the graphiccameraController: OrbitGeoElementCameraController {
targetGeoElement: aircraftGraphic
cameraPitchOffset: 80cameraHeadingOffset: -30cameraDistance: 200 }
GraphicsOverlay {
id: graphicsOverlayLayerSceneProperties {
surfacePlacement: Enums.SurfacePlacementRelative
}
Graphic {
id: aircraftGraphicgeometry: pointsymbol: distanceCompositeSceneSymbol
}
}
}
Point {
id: pointx: -2.708471y: 56.096575z: 5000spatialReference: SpatialReference { wkid: 4326 }
}
//! [create a distance composite scene symbol]DistanceCompositeSceneSymbol {
id: distanceCompositeSceneSymbol// create a distance symbol range with a model scene symbolDistanceSymbolRange {
minDistance: 0maxDistance: 999//! [model scene symbol]ModelSceneSymbol {
id: mmsurl: dataPath + "3D/Bristol/Collada/Bristol.dae"scale: 5.0heading: 180 }
//! [model scene symbol] }
// create a distance symbol range with a simple marker scene symbolDistanceSymbolRange {
minDistance: 1000maxDistance: 1999//! [simple marker scene symbol]SimpleMarkerSceneSymbol {
style: Enums.SimpleMarkerSceneSymbolStyleCone
color: "red"height: 75width: 75depth: 75 }
//! [simple marker scene symbol] }
// create a distance symbol range with a simple marker symbolDistanceSymbolRange {
minDistance: 2000maxDistance: 0SimpleMarkerSymbol {
style: Enums.SimpleMarkerSymbolStyleCircle
color: "red"size: 10 }
}
}
//! [create a distance composite scene symbol]}