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

基本信息

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

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.view函數(或屬性)的定義如下：

view MapView | SceneView

對 MapView 或 SceneView 的引用。如果設置了此屬性，那麽隻要以編程方式操作或更新時間滑塊，TimeSlider 小部件就會更新視圖的 timeExtent 屬性。此屬性將影響視圖中的任何time-aware 圖層。

例子：

// Create and then add a TimeSlider widget and then listen to changes in the View's time extent.
const timeSlider = new TimeSlider({
  container: "timeSliderDiv",
  view: view,
  mode: "instant",
  fullTimeExtent: {
    start: new Date(2000, 0, 1),
    end: new Date(2010, 0, 1)
  },
  timeExtent: {
    start: new Date(2000, 0, 1),
    end: new Date(2000, 0, 1)
  }
});
view.ui.add(timeSlider, "top-left");

view.watch("timeExtent", (timeExtent) => {
  console.log("New view time is: ", timeExtent.start);
});

相關用法

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