Tool which provides the timeline functionality for Geovisto core library.
This repository is a snapshot of Geoviosto tools/timeline
derived from the development repository: geovisto/geovisto-map.
import { GeovistoTimelineTool } from 'geovisto-timeline'
import 'geovisto-timeline/dist/index.css';
// create instance of map with given props
const map = Geovisto.createMap({
// ...
tools?: Geovisto.createMapToolsManager([
// instances of Geovisto tools (extensions) which will be directly used in the map
// ...
GeovistoTimelineTool.createTool({
id: "geovisto-tool-timeline"
}),
])
});
// rendering of the map
map.draw(Geovisto.getMapConfigManagerFactory().default({
// initial settings of the map can be overriden by the map config - JSON structure providing user settings
// ...
tools?: [
// config of Geovisto tools (extensions) used in the map
// ...
{
"type": "geovisto-tool-timeline",
"id": "geovisto-tool-timeline",
"enabled": true,
"layerName": "Timeline",
// mapping of data domains to data dimensions
"data": {
"timePath": "date", // date value to display on the timeline
"stepTimeLength": 3000, // time of individual step
"transitionDuration": 2500, // time of transition from between steps
"realTimeEnabled": true, // enabling time granularity
"granularity": "MONTH", // time granularity ['HOUR', 'DAY', 'WEEK', 'MONTH', 'YEAR']
"chartEnabled": false, // enabling value chart
"chartValuePath": "chartData", // data to be displayed on chart
"chartAggregationFn": "sum" // [sum, count]
}
},
// ...
]
}));
npm install --save geovisto-timeline
Peer dependencies:
npm install --save geovisto leaflet
Author: Kryštof Rykala, Vladimír Korenčik
Contributors: Jiři Hynek
gis map geovisto leaflet spatial-data visualization timeline time-series