当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


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函数(或属性)的定义如下:


MapViewSceneView 的引用。如果设置了此属性,那么只要以编程方式操作或更新时间滑块,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。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。