Timeline Functions

Animation is a core feature of Unfolded maps, and the Map SDK's timeline endpoints provide a full complement of functions to let applications control this feature.


Set Timeline Configuration

Sets time filter timeline configuration. Allows you to set timeline visibility, play/pause the animation, set the speed, set the time interval, and change the time format/timezone.

const unfoldedMap = new UnfoldedMap({
  mapUUID: 'MAP-UUID-GOES-HERE',
  embed: true,
});
const startTime = new Date('2020.10.29').getTime();
const endTime = new Date('2020.10.31').getTime();
const config = {
 idx: 0,
 currentTimeInterval: {
   startTime: startTime,
   endTime: endTime
 },
 timezone: 'Europe/Berlin',
 timeFormat: 'DD.MM.YYYY. HH:mm'
};
unfoldedMap.setTimelineConfig(config).then(data => {
 console.log(data);
});
from unfolded.map_sdk import UnfoldedMap
unfolded_map=UnfoldedMap(
  mapUUID='4883beab-e8db-42e0-8a66-7093eea255f4'
)
unfolded_map
# ...
unfolded_map.set_layer_timeline_config({
  'current_time': 1567557949266.6873,
  'is_visible': True,
  'is_animating': True,
  'speed': 1,
})

setTimelineConfig reference


Set Layer Timeline Configuration

Sets layer timeline configuration used with the Trips layer. Allows you to set timeline visibility, play/pause the animation, set the speed, set the time interval, and change the time format/timezone.

🚧

Note:

Currently in development. Only supported by JavaScript SDK.

const unfoldedMap = new UnfoldedMap({
  mapUUID: 'MAP-UUID-GOES-HERE',
  embed: true,
});
const time = new Date('2020.10.29').getTime();
const config = {
  currentTime: time,
  timezone: 'Europe/Berlin',
  timeFormat: 'DD.MM.YYYY. HH:mm'
};
unfoldedMap.setLayerTimelineConfig(config).then(data => {
  console.log(data);
});
Not yet supported. Coming soon.

setLayerTimelineConfig reference


Get Timeline Information

Gets the information object for the time filter timeline control.

🚧

Note:

Currently in development. Only supported by JavaScript SDK.

const unfoldedMap = new UnfoldedMap({
  mapUUID: 'MAP-UUID-GOES-HERE',
  embed: true,
  appendToDocument: true
});
unfoldedMap.getTimelineInfo(0).then(data => {
  console.log(data);
});
Not yet supported. Coming soon.

getTimelineInfo reference


Get Layer Timeline Information

Gets information object for the layer timeline control used with Trips layer.

🚧

Note:

Currently in development. Only supported by JavaScript SDK.

const unfoldedMap = new UnfoldedMap({
  mapUUID: 'MAP-UUID-GOES-HERE',
  embed: true,
  appendToDocument: true
});
unfoldedMap.getLayerTimelineInfo().then(data => {
   console.log(data);
});
Not yet supported. Coming soon.

getLayerTimelineInfo reference


Did this page help you?