Awesome

MobilityDB-OpenLayers

Visualization

This project contains visualization of AIS dataset and Fabrìcio's Data on OpenLayers.

Requirements

npm (version 6.14.13 used in the performance test)

Build & Tutorial

In order to reproduce this visualization you need to :

https://github.com/SoufianBk/MobilityDB-OL.git
Execute in the working directory : npm install
Run the build script and THEN the execution script : npm run build and THEN npm run start<br/>
Finally to get the result, open the browser on localhost:1234

Datasets used

The data of Fabrìcio can be found in the following repository : https://github.com/MobilityDB/MobilityDB-Deck <br/> In order to change the data to display, change the variable at the end of var file = ... which is located at the start of each javascript file for each implementation

Th AIS dataset has been extracted as described in the report

AIS Example

https://user-images.githubusercontent.com/75175261/168469479-8d6be5e3-086d-4cb9-ba5b-f513c3979b81.mp4

Berlin Example

https://user-images.githubusercontent.com/75175261/169296039-04111412-b3dd-4e51-beb2-cac617d516ff.mp4

Troubleshooting

When running a script after another, sometimes, the browser does not reload and does not display the wanted execution. Here are some solutions :

Do not forget to run the build script before running the execution
Remove .parcel-cache and dist folders (generated by npm run)
Clear the browser cache. On firefox just press Ctrl + Shift + R, it will reload the webpage and clears the cache