JavaScript ArcGIS TimeSlider.getPropertiesFromWebMap用法及代碼示例

基本信息

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

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

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

類： esri/widgets/TimeSlider

繼承: TimeSlider > Widget > Accessor

自從：用於 JavaScript 4.12 的 ArcGIS API

用法說明

TimeSlider.getPropertiesFromWebMap函數(或屬性)的定義如下：

getPropertiesFromWebMap (webMap, signal) {Promise<Object>} static

自從：ArcGIS 適用於 JavaScript 4.22 的 API

如果 web Map包含 time slider widget 定義，則從 WebMap 中提取時間滑塊設置。返回具有可用於配置 TimeSlider 或 TimeSliderViewModel 的屬性的對象。如果 webmap 不包含時間滑塊定義，則返回 null。

參數：

類型	說明
webMap WebMap	從中提取時間滑塊設置的 web Map實例。
signal AbortSignal	可選的可用於中止異步任務的信號對象。

類型說明

Promise<Object>

解析後，返回具有以下屬性的對象。

屬性	類型	說明
fullTimeExtent	TimeExtent	整個滑塊的時間範圍。
loop	Boolean	當 `true` 時，時間滑塊將循環播放其動畫。
mode	"instant" \| "time-window" \| "cumulative-from-start" \| "cumulative-from-end"	時間滑塊模式。
playRate	Number	動畫步驟之間的時間(以毫秒為單位)。
stops	StopsByDates \| StopsByCount \| StopsByInterval	定義時間滑塊上的特定位置，當操作時拇指將捕捉到該位置。
timeExtent	TimeExtent	時間滑塊的當前時間範圍。

例子：

// Import and apply time slider settings stored in a webmap.
const map = new WebMap({
  portalItem: {
    id: "your-webmap-id",
  }
});

TimeSlider.getPropertiesFromWebMap(map).then((timeSliderSettings) => {
  const timeSlider = new TimeSlider({
    ...timeSliderSettings,
    view
  });
});

相關用法

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

基本信息

用法說明

參數：

返回：

例子：