This sample shows how to add an instance of OrientedImageryLayer to a Map and visualize images using the arcgis-oriented-imagery-viewer component.
OrientedImageryLayer provides the ability to manage oriented (non-nadir) images and visualize them with the arcgis-oriented-imagery-viewer component. It is composed of discrete point features (camera locations), each of which has a geometry that can be rendered with spatial context. These features also contain attributes that provide additional information about the real-world feature they represent.
// Create an instance of OrientedImageryLayer based on a portal item. const layer = new OrientedImageryLayer({ portalItem: { id: "ca2aa99099414ff7aba2f1e3721f4218" }, });
// Create a map instance and set the basemap and layer in its constructor. const map = new Map({ basemap: "hybrid", layers: [layer] }); viewElement.map = map;
// Zoom to the full extent of the layer when it loads. await viewElement.whenLayerView(layer); viewElement.goTo(layer.fullExtent, { animate: true, duration: 2500 }); // Configure the oriented imagery viewer component with its corresponding layer. orientedImageryViewer.layer = layer;Users can click on the map to view the best image in their collection for that location, then inspect assets from multiple directions and adjust contrast, brightness, and sharpening to better view the images.
<arcgis-oriented-imagery-viewer slot="top-right"></arcgis-oriented-imagery-viewer>