Intro to OrientedImageryLayer

This sample shows how to add an instance of OrientedImageryLayer to a Map in a MapView and visualize the images using the OrientedImageryViewer widget.

OrientedImageryLayers provides users the ability to manage oriented (non-nadir) images and visualize the same using the oriented imagery viewer widget. It is composed of discrete point features (or camera locations), each of which has a Geometry that allows it to be rendered in either a 2D MapView or a 3D SceneView as a graphic with spatial context. These features also contain data attributes that provide additional information about the real-world feature it represents.

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
        // create an instance of an oriented imagery layer and add it to map
        const layer = new OrientedImageryLayer({
          portalItem: {
            id: "ca2aa99099414ff7aba2f1e3721f4218"
          }
        });
        map.layers.add(layer);

        // zoom to the full extent of the layer when layer is loaded
        // set the oriented imagery layer to be used with an oriented imagery viewer
        view.whenLayerView(layer).then(() => {
          view.goTo(layer.fullExtent);
          orientedImageryViewer.layer = layer;
        });

The oriented imagery viewer widget allows users to explore and exploit their oriented images from the Oriented Imagery layers. Users can click on a map to view the best image in their collection that depicts that location. Users then can view assets from multiple directions, and enhance contrast, brightness and sharpening to better see these images.

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
        // create a new instance of the oriented imagery viewer widget
        const orientedImageryViewer = new OrientedImageryViewer({
          view,
          disabled: false,
          container: "oi-container"
        });

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

The developer dashboard has moved

You can no longer sign into this site. Go to your ArcGIS portal or the ArcGIS Location Platform dashboard to perform management tasks.

Your ArcGIS portal

Create, manage, and access API keys and OAuth 2.0 developer credentials, hosted layers, and data services.

Your ArcGIS Location Platform dashboard

Manage billing, monitor service usage, and access additional resources.

Learn more about these changes in the What's new in Esri Developers June 2024 blog post.

Close