An application that provides a lot of live information about the ISS.
Link to the application: https://test-proj-gda5.web.app/
The application gets ISS data from the API: https://wheretheiss.at. The large OSM / Leaflet map shows the current movement parameters (like speed, altitude, position, etc.). The positions of the ISS and sun icons are real and updated every 1s. The ISS visibility circles are generated on an ongoing basis: over the horizon and 20 degrees above the horizon.
Below is accordion (written in jQuery).
The first tab is the ISS dynamic height plot - actual data (CanvasJS library used).
The second tab is the dynamic table of ISS values (last 5 seconds).
The third tab is:
- Determining geolocation - https://ipwhois.io/,
- Showing current weather conditions - https://openweathermap.org/,
- Rendering the OSM map with your current position,
- Table showing the visible ISS transitions at a given location, at least 20 degrees above the horizon for the next 72 hours.
The fourth tab is TLE of ISS.
Below is the ISS 3D path around the Earth (CesiumJS library used) and actual data such as sunrise / sunset, moonrise / moonset and local solar noon taken from https://api.met.no/weatherapi/.
And more... 😃.
- The API key for OpenWeather.com is not hosted on GitHub.com.
- The application works great in Firefox. Chrome does not render a 3D Globe and a dynamic table.
- Responsiveness is not done yet.
- OpenStreetMap - The map,
- LeafletJS - Rendering the 2D maps,
- CesiumJS - Rendering the 3D Earth,
- jQuery - To build the accordion,
- jQuery UI - To build some UI elements and effects,
- CanvasJS v1.7 - To render dynamic chart.