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.

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.

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