This sample demonstrates how to use a Swipe widget to compare two different TileLayers from the 2018 Kilauea eruption. The Swipe widget allows users to view collections of layers simultaneously by placing a divider and handle in the view to display selected parts of a layer or layers. This widget currently works with all layers except GroupLayers.
// create a new Swipe widget
const swipe = new Swipe({
leadingLayers: [infrared],
trailingLayers: [nearInfrared],
position: 35, // set position of widget to 35%
view: view
});
// add the widget to the view
view.ui.add(swipe);