Swipe Widget

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.

Use dark colors for code blocksCopy
1
2
3
4
5
6
7
8
9
// 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);

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