JavaScript ArcGIS Expand用法及代碼示例

基本信息

以下是所在類或對象的基本信息。

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

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

類： esri/widgets/Expand

繼承: Expand > Widget > Accessor

自從：用於 JavaScript 4.3 的 ArcGIS API

用法說明

Expand 小部件充當用於打開小部件的可點擊按鈕。

如果將 Slider 、 HistogramRangeSlider 或 TimeSlider 作為內容添加到展開小部件，則小部件的容器或父容器必須在 CSS 中設置 width 才能在展開小部件中呈現。

如果在滑塊的容器上設置寬度，則將 slider.container 設置為展開的內容，而不是滑塊本身。

expand.content = slider.container

有關獲得對小部件樣式的完全控製的信息，請參閱Styling 主題。

例子：

// LayerList
layerList = new LayerList({
  container: document.createElement("div"),
  view: view
});
layerListExpand = new Expand({
  expandIconClass: "esri-icon-layer-list",  // see https://developers.arcgis.com/javascript/latest/guide/esri-icon-font/
  // expandTooltip: "Expand LayerList", // optional, defaults to "Expand" for English locale
  view: view,
  content: layerList
});
view.ui.add(layerListExpand, "top-right");

相關用法

注：本文由純淨天空篩選整理自arcgis.com大神的英文原創作品 Expand。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。