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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。