當前位置: 首頁>>編程示例 >>用法及示例精選 >>正文


JavaScript ArcGIS Daylight用法及代碼示例

基本信息

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

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

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

類: esri/widgets/Daylight

繼承: Daylight > Widget > Accessor

自從:用於 JavaScript 4.14 的 ArcGIS API

用法說明

日光小部件可用於操縱時間和日期以及在 SceneView 中切換陰影。更改時間和日期時,太陽和星星的位置也會相應更新,從而改變場景中的照明和陰影。此小部件修改 SceneView.environment.lightingdatedirectShadowsEnabled 屬性。

daylight-default

白天滑塊有一個選擇時區的選項。當用戶更改時區時,將計算該時區的新時間並顯示在滑塊中。可以通過在visibleElements屬性中將timezone設置為false來禁用時區選擇器。

默認情況下,會顯示一個日曆,用戶可以在其中選擇日、月和年。使用 dateOrSeason 屬性,日曆可以替換為可以選擇季節的下拉菜單:

const daylight = new Daylight({
  view: view,
  dateOrSeason: "season"
});

daylight-seasons

有兩個播放按鈕,一個對應於白天滑塊,它隨著一天中的分鍾循環而呈現時間動畫。第二個按鈕對應於日期選擇器,它在一年中的月份中循環播放時間。可以使用 playSpeedMultiplier 屬性設置動畫的速度。

const daylight = new Daylight({
  view: view,
  playSpeedMultiplier: 2
});

daylight-animation

除了日間滑塊之外,日光小部件中的所有元素都可以通過使用visibleElements屬性來隱藏:

const daylight = new Daylight({
  view: view,
  visibleElements: {
    timezone: false,
    datePicker: false,
    playButtons: false,
    shadowsToggle: false
  }
});

使用這些設置,小部件如下所示:

daylight-no-elements

已知限製:

當 SceneView.environment.lighting 是 virtual 類型時,設置時間和日期不會影響場景的照明條件。

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

例子:

// basic usage of the daylight widget using the default settings
const daylight = new Daylight({
  view: view
});
view.ui.add(daylight, "top-right");

相關用法


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