Source
CodeGitHub
RepoArcGIS Maps SDK for JavaScriptShortwave Infrared Tile LayerNear Infrared Tile Layer

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.

GeoBlazor Logo GeoBlazor by dymaptic Logo dymaptic
About this sample

This GeoBlazor Pro sample, written in Blazor for .NET developers, demonstrates the Swipe widget from the ArcGIS Maps SDK for JavaScript exposed through GeoBlazor Pro's SwipeWidget Razor component. The page shows a 2D topographic basemap centered on the 2018 Kilauea eruption on the Big Island of Hawaii, with two WorldView-3 TileLayers stacked on top: a near-infrared image and a shortwave-infrared image of the same scene. The SwipeWidget overlays a draggable vertical divider initially positioned at 30 percent of the view width; the near-infrared image fills the leading (left) side and the shortwave-infrared image fills the trailing (right) side. Dragging the handle reveals more of one layer or the other. An ExpandWidget in the upper-right corner contains a LayerListWidget for toggling layer visibility. The sample is intended to demonstrate side-by-side comparison of two coregistered raster layers with an interactive swipe handle.

🚧 Heads up: Some samples are currently offline due to a token issue with ArcGIS. We are working with ESRI to resolve.