Class Timeline

時間軸Widget。

Example

let widget = new ov.Widget.Timeline({
    view: terrainView,
    stopTime: new Date('2021-1-31'),
    style: { bottom: 0 },
    barStyle:  { background: "#2D53D8DD" },
    pinStyle:  { background: "#FC845EDD" }
});
Copy

新增聯動，會自動判斷型別(目前支援ov.TerrainVisualizedDataGridOverlay、ov.WeatherHistoryLayer與ov.MilitarySatelliteEntity)。

See

• TerrainView.addTerrainVisualizedDataGridOverlay
• WeatherModule.addRadarReflectivityHistoryLayer
• MilitaryModule.addSatelliteEntity

Example

var layer = terrainView.addTerrainVisualizedDataGridOverlay(layerSetting);
widget.addLink(layer);
var entity = terrainView.getModule('military').addSatelliteEntity(satelliteSetting);
widget.addLink(entity);
Copy

新增聯動的顯示事件，系統時間不在聯動目標的時間範圍時會自動隱藏。

新增時段色塊。

See

addLink

Example

let block = widget.addTimeBlock({
    start: new Date('2021-1-1'),
    end: new Date('2021-1-31'),
    color: 'green'
});
Copy

取得時間軸現在的時間。

移除所有時段色塊。

移除聯動圖層或實體。

移除聯動的顯示事件，系統時間不在聯動目標的時間範圍時不會隱藏。

移除時段色塊。

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

Example

widget.toStart();
Copy

更新時間軸Widget參數。

更新時間。

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());
Copy

更新經過時間。

Example

let param = { terrainView = terrainView };
let widget = new ov.Widget.Timeline(param);
widget.updateTimeElapsed(1000);
widget.updateTimeElapsed(86400000);
Copy

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

Example

widget.zoomToPlayList();
Copy

時間軸回到指定時間區間。

Example

widget.zoomToPlayList();
Copy