worldwind-ui API / ngx-worldwind / WwTimeSliderComponent

Class: WwTimeSliderComponent

Defined in: angular/src/lib/ui/time-slider.component.ts:72

A slider (with play/pause) that steps time-enabled WMS and WMTS layers through their time dimension, as read from the capabilities document or given through inputs.

<ww-wms-layer service="https://gibs.earthdata.nasa.gov/wms/epsg4326/best/wms.cgi" layerNames="MODIS_Terra_CorrectedReflectance_TrueColor" [fromCapabilities]="true" />
<ww-time-slider position="bottom-center" />

Constructors

Constructor

new WwTimeSliderComponent(): WwTimeSliderComponent

Defined in: angular/src/lib/ui/time-slider.component.ts:136

Returns

WwTimeSliderComponent

Properties

current

readonly current: Signal<Date | null>

Defined in: angular/src/lib/ui/time-slider.component.ts:121

The instant currently shown, snapped to the dimension.

---

defaultValue

readonly defaultValue: InputSignal<Date | undefined>

Defined in: angular/src/lib/ui/time-slider.component.ts:89

Initial value when uncontrolled. Defaults to the layers' default, else the end of the range.

---

end

readonly end: InputSignal<string | Date | undefined>

Defined in: angular/src/lib/ui/time-slider.component.ts:81

---

format

readonly format: InputSignal<(date, stepMs?) => string>

Defined in: angular/src/lib/ui/time-slider.component.ts:93

Formats the label.

---

heading

readonly heading: InputSignal<string | null>

Defined in: angular/src/lib/ui/time-slider.component.ts:76

---

idleText

readonly idleText: InputSignal<string>

Defined in: angular/src/lib/ui/time-slider.component.ts:100

Shown when no layer has a time dimension and no range is given.

---

layers

readonly layers: InputSignal<readonly WWLayer[] | undefined>

Defined in: angular/src/lib/ui/time-slider.component.ts:78

Layers to drive. Defaults to every layer that declares a time dimension.

---

loop

readonly loop: InputSignal<boolean>

Defined in: angular/src/lib/ui/time-slider.component.ts:97

Start over at the end while playing.

---

panelClass

readonly panelClass: InputSignal<string>

Defined in: angular/src/lib/ui/time-slider.component.ts:102

Extra classes for the panel.

---

playing

readonly playing: WritableSignal<boolean>

Defined in: angular/src/lib/ui/time-slider.component.ts:105

---

playInterval

readonly playInterval: InputSignal<number>

Defined in: angular/src/lib/ui/time-slider.component.ts:95

Milliseconds between steps while playing.

---

position

readonly position: InputSignal<WwPanelPosition>

Defined in: angular/src/lib/ui/time-slider.component.ts:75

---

showPlay

readonly showPlay: InputSignal<boolean>

Defined in: angular/src/lib/ui/time-slider.component.ts:98

---

start

readonly start: InputSignal<string | Date | undefined>

Defined in: angular/src/lib/ui/time-slider.component.ts:80

Override the range the layers declare, or supply one when they declare none.

---

step

readonly step: InputSignal<number | undefined>

Defined in: angular/src/lib/ui/time-slider.component.ts:83

Interval in milliseconds. Defaults to the finest step the layers declare, else one day.

---

timeFormat

readonly timeFormat: InputSignal<TimeFormat>

Defined in: angular/src/lib/ui/time-slider.component.ts:91

How TIME is written in tile requests.

---

value

readonly value: InputSignal<Date | undefined>

Defined in: angular/src/lib/ui/time-slider.component.ts:87

Controlled value.

---

valueChange

readonly valueChange: OutputEmitterRef<Date>

Defined in: angular/src/lib/ui/time-slider.component.ts:103

---

values

readonly values: InputSignal<Date[] | undefined>

Defined in: angular/src/lib/ui/time-slider.component.ts:85

Explicit instants instead of a range.

Methods

select()

select(date): void

Defined in: angular/src/lib/ui/time-slider.component.ts:156

Shows an instant (snapped to the dimension) and updates the target layers.

Parameters

date

Date

Returns

void