Navigate a scene view

You can navigate a scene view (a 3D map):

Built-in navigation

The scene view has a number of built-in gestures that allow you to navigate a scene (3D) using touch screen, mouse, or keyboard.

Basic navigation

Basic navigation for scene views is the same as navigation for map views:

Map navigationTouch actionMouse actionKey action
Pan the mapTouch, hold, and drag on the mapPress, hold, and drag the left mouse buttonPress the left (pan west), right (pan east), up (pan north), or down (pan south) arrows
Zoom in (+) or zoom out (-) with animationPinch open (+) or pinch close (-) on the mapScroll the mouse wheel forward (+) or backward (-)Press the + / = key for in
Press the - / _ key for out
Zoom in to the next level of detail or by a factor of 2Double tap on the mapDouble-click the left mouse buttonPress the + / = key
Zoom out to the next level of detail or by a factor of 2Single tap with two fingers simultaneouslyDouble-click of right mouse buttonPress the - / _ key
RotateTwo-finger pinch and twist fingers to rotate the map or sceneOn scenes only, press and hold while dragging (left to right) the right mouse buttonPress the 'a' (rotate west) or 'd' (rotate east) keys
Set viewpoint to northN/AN/APress the 'n' key

Advanced navigation

Scene views have additional navigation not found in map views:

Scene navigationTouch actionMouse actionKey action
Pitch: increase or decreaseTouch, hold and drag up (increase) or down (decrease)Press, hold and drag the right mouse button up (increase) or down (decrease)Press the 'w' (increase) or 's' (decrease) keys. Press 'p' to set pitch to 0.
Elevation: increase or decreaseN/AN/APress the 'u' (increase) or 'j' (decrease) keys

Programmatically change camera position

Your applications can programmatically navigate a 3D scene by creating a new camera and setting it to the scene view. A camera defines the location from which you are viewing the scene.

Camera position for a scene view

The camera is shown in this image for illustration purposes; when you set camera settings (location, pitch), think of the camera class a real-life camera you're adjusting the position of.

Set the camera

For example, to point the camera to toward the Snowdon mountainside, use these values:

  • For 3D location, use 53.06 latitude, -4.04 longitude, 1289 meters above sea level
  • For heading, use 295 degrees
  • For pitch, use 71 degrees
  • For roll, use 0 degrees
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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
    const Camera sceneCamera(53.06, -4.04, 1289.0, 295.0, 71.0, 0.0);
Surface elevation applied to a scene

Now you have a new camera you can apply to your scene view. You can apply it immediately using setViewpointCamera as shown in the code below, or the camera can be animated to the new position using one of the asynchronous methods.

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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
    m_sceneView->setViewpointCameraAsync(sceneCamera);

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