Swipe Widget

Explore in the sandboxView live

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