JavaScript ArcGIS Swipe用法及代码示例

基本信息

以下是所在类或对象的基本信息。

AMD: require(["esri/widgets/Swipe"], (Swipe) => { /* code goes here */ });

ESM: import Swipe from "@arcgis/core/widgets/Swipe";

类： esri/widgets/Swipe

继承: Swipe > Widget > Accessor

自从：用于 JavaScript 4.13 的 ArcGIS API

用法说明

Swipe 小部件提供了一种工具，用于在Map顶部显示一个或多个图层的一部分。可以垂直或水平滑动图层以轻松比较两个图层或查看图层下方的内容。

要使用“滑动”小部件，请设置leadingLayers 和trailingLayers 属性以确定将在小部件两侧进行比较的内容。如果未设置这些属性之一，则滑动小部件将覆盖现有Map。 visibleElements 将前导层和尾随层分开，如下图所示。

已知限制

SceneView 当前不支持此小部件。
leadingLayers 或 trailingLayers 中当前不支持 GroupLayer。

有关获得对小部件样式的完全控制的信息，请参阅Styling 主题。

例子：

let swipe = new Swipe({
  view: view,
  leadingLayers: [layer1, layer2],
  trailingLayers: [layer3],
  direction: "vertical", // swipe widget will move from top to bottom of view
  position: 50 // position set to middle of the view (50%)
});
view.ui.add(swipe);

相关用法

注：本文由纯净天空筛选整理自arcgis.com大神的英文原创作品 Swipe。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。