PilotGaea 3D O'view

Class: Timeline

ov.Widget. Timeline

new ov.Widget.Timeline(parameter){ov.Widget.Timeline}

common/PilotGaea-Widget.js, line 164

時間線Widget。

Name Type Description
parameter Object

參數物件。

Name Type Default Description
view ov.TerrainView

圖台物件。
startTime Date optional

播放開始時間，Date或任何new Date接受的參數。
stopTime Date optional

播放停止時間，Date或任何new Date接受的參數。
isRepeat Boolean false optional

是否重複播放，若開始與停止時間都有設定則播放時可重複播放，但停止播放時拖曳不受影響。
style Object optional

容器DOM元件style參數。
barStyle Object optional

色條元件style參數。
pinStyle Object optional

指針元件style參數。
Returns:
Type Description
ov.Widget.Timeline 時間線Widget物件。
Example
var param = {};
param.view = terrainView;
param.stopTime = new Date('2021-1-31');
param.style = {bottom: 0};
param.barStyle =  { background: "#2D53D8DD"};
param.pinStyle =  { background: "#FC845EDD"};
var widget = new ov.Widget.Timeline(param);

Methods

common/PilotGaea-Widget.js, line 280

新增聯動，會自動判斷型別。

Name Type Description
link Object

聯動目標，目前支援ov.TerrainVisualizedDataGridOverlay與軍事衛星。
Returns:
Type Description
Boolean 新增成功或失敗。
Example
var layer = terrainView.addTerrainVisualizedDataGridOverlay(layerSetting);
widget.addLink(layer);

addLinkEntity(link){Boolean}

common/PilotGaea-Widget.js, line 310

新增聯動實體。

Name Type Description
link Object

聯動目標，目前支援軍事衛星。
Returns:
Type Description
Boolean 新增成功或失敗。
Example
var entity = terrainView.getModule('military').addSatelliteEntity(satelliteSetting);
widget.addLinkEntity(entity);

addLinkLayer(link){Boolean}

common/PilotGaea-Widget.js, line 292

新增聯動圖層。

Name Type Description
link Object

聯動目標，目前支援ov.TerrainVisualizedDataGridOverlay。
Returns:
Type Description
Boolean 新增成功或失敗。
Example
var layer = terrainView.addTerrainVisualizedDataGridOverlay(layerSetting);
widget.addLink(layer);

addTimeBlock(parameter){Object}

common/PilotGaea-Widget.js, line 249

新增時段色塊。

Name Type Description
parameter Object

參數物件。

Name Type Description
start Date

開始時間。
end Date

結束時間。
color String

時段的顏色。
Returns:
Type Description
Object 時段色塊物件，用於移除時段。
Example
var param = {};
param.start = new Date('2021-1-1');
param.end = new Date('2021-1-31');
param.color = 'green';
var block = widget.addTimeBlock(param);

registerStopHandler(handler)

common/PilotGaea-Widget.js, line 392

註冊停止事件。

Name Type Description
handler function

停止時觸發的事件。

remove()

common/PilotGaea-Widget.js, line 229

移除時間線Widget。

common/PilotGaea-Widget.js, line 327

移除聯動圖層或實體。

Name Type Description
link Object

聯動目標。

removeTimeBlock(parameter)

common/PilotGaea-Widget.js, line 264

移除時段色塊。

Name Type Description
parameter Object

參數物件。

toStart()

common/PilotGaea-Widget.js, line 541

回到開始時間，若開始時間有設定。

Example
widget.toStart();

updateTime(time)

common/PilotGaea-Widget.js, line 572

更新時間。

Name Type Description
time Date

播放停止時間，Date或任何new Date接受的參數。
Example
var param = { terrainView = terrainView };
var widget = new ov.Widget.Timeline(param);
widget.updateTime('2021-1-31');
widget.updateTime(new Date('2021-1-31'));
widget.updateTime(new Date().getTime());

updateTimeElapsed(millisecond)

common/PilotGaea-Widget.js, line 512

更新經過時間。

Name Type Description
millisecond Number

經過多少ms。
Example
var param = { terrainView = terrainView };
var widget = new ov.Widget.Timeline(param);
widget.updateTimeElapsed(1000);
widget.updateTimeElapsed(86400000);

zoomToPlayList()

common/PilotGaea-Widget.js, line 553

時間線回到開始與結束時間之間，若開始與結束時間都有設定。

Example
widget.zoomToPlayList();