This project builds on the CesiumJS platform to deliver a 3D modeling of historical data and live flight paths. I've collected geospatial data from aircrafts with a paid subscription to Flightradar24. The data, as shown below, is exported from .csv files containing altitude, heading, latitude, longitude, speed, as well as an Epoch timestamp at the time of measurement. I used Python (TODO: "and associated libraries") to convert data into CZML, a JSON schema for describing dynamic scenes in virtual globes & maps.
From the CesiumJS GitHub - "CesiumJS is a JavaScript library for creating 3D globes and 2D maps in a web browser without a plugin. It uses WebGL for hardware-accelerated graphics, and is cross-platform, cross-browser, and tuned for dynamic-data visualization."
Clone this repository
- Open Git Bash or Terminal
- Change the current working directory to the location where you want the cloned directory.
git clone https://github.com/idkburkes/Flight-Tracker.git
You must have Node.js installed in order to use the Node Package Manager to install necessary project dependencies and run the start script.
npm install
npm run start
- cesium
- webpack-dev-server
- webpack-cli
- webpack
- html-webpack-plugin
- copy-webpack-plugin
- file-loader
- style-loader
- css-loader
- url-loader
- Increase start-up speed by only loading necessary Cesium dependencies
- Upload demonstration screenshots/GIFs to GitHub
- Load 3D Model
- Add project credits
- Figure out how to live-load flight data or simulate live-loading by incrementally retrieving data from .csv
- Use Python to convert .csv files with flight data to .czml files
- Write Project Description
- Write user instructions
- Start CesiumJs Viewer on localhost:8080
- Load example scenarios from .czml files
- Visualize flight path from example scenario