flowm/satvis

Satellite orbit visualization and pass prediction with Cesium.js

satvis.space

Satellite orbit visualization and pass prediction.

Note

The next branch contains many improvements from a bigger refactoring and is the recommended branch currently. This version is currently deployed to https://satvis.space/next. Planning to merge this back to the master main in the next few months.

Features

• Calculate position and orbit of satellites from TLE
• Set groundstation through geolocation or pick on map
• Calculate passes for a set groundstation
• Local browser notifications for passes
• Serverless architecture
• Works offline as Progressive Web App (PWA)

Built With

• CesiumJS
• Satellite.js
• Vue.js
• Workbox

Development

Setup

Initialize submodules and install npm build dependencies:

git submodule update --init
npm clean-install

Run

• npm run start for the dev server
• npm run build to build the application (output in dist folder)
• npm run serve to build the application and serve with static webserver
• npm run update-tle to retrieve the latest satellite TLEs from NORAD

iOS App

To provide pass notifications on iOS where local browser notifications are not supported a simple app wraps the webview and handles the scheduling of UserNotifications.

License

This project is licensed under the MIT License - see LICENSE file for details.

Acknowledgements

Inspired by a visualization developed for the MOVE-II CubeSat project by Jonathan, Marco and Flo.

satvis's Issues

Limit the maximum playback speed

Due to orbit calculations the performance decreases significantly when multiple objects with SampledPositionProperty are enabled with a high playback speed.
Maybe requires #19

RuntimeError when rendering sensor cone

An error occurred while rendering. Rendering has stopped.
RuntimeError: Fragment shader failed to compile.  Compile log: ERROR: 0:2: 'czm_ellipsoid' : syntax error

Error
    at new t (https://satvis.space/dist/Cesium.js?__WB_REVISION__=027fc7effde4974efd78fbbfebc2b1bd:471:23527)
    at f (https://satvis.space/dist/Cesium.js?__WB_REVISION__=027fc7effde4974efd78fbbfebc2b1bd:495:14625)
    at y (https://satvis.space/dist/Cesium.js?__WB_REVISION__=027fc7effde4974efd78fbbfebc2b1bd:495:17042)
    at d._bind (https://satvis.space/dist/Cesium.js?__WB_REVISION__=027fc7effde4974efd78fbbfebc2b1bd:495:18057)
    at G (https://satvis.space/dist/Cesium.js?__WB_REVISION__=027fc7effde4974efd78fbbfebc2b1bd:525:11318)
    at k.draw (https://satvis.space/dist/Cesium.js?__WB_REVISION__=027fc7effde4974efd78fbbfebc2b1bd:525:15541)
    at n.execute (https://satvis.space/dist/Cesium.js?__WB_REVISION__=027fc7effde4974efd78fbbfebc2b1bd:494:17590)
    at Ge (https://satvis.space/dist/Cesium.js?__WB_REVISION__=027fc7effde4974efd78fbbfebc2b1bd:550:15680)
    at R (https://satvis.space/dist/Cesium.js?__WB_REVISION__=027fc7effde4974efd78fbbfebc2b1bd:544:9867)
    at g.executeCommands (https://satvis.space/dist/Cesium.js?__WB_REVISION__=027fc7effde4974efd78fbbfebc2b1bd:544:14713)

Reduce satellite description update rate

Right now the description is updated with the screen refresh rate which is probably a bit more than necessary.

Request render stops working when entities with CallbackProperty are enabled

Request render greatly reduces the CPU load.
Adding entities with a CallbackProperty seems to cause continuous rerendering even when the clock is paused.

3D model not work

hello Flowm,
I want to change the entity Point to satellite 3D model. I push a gltf model (scene.glb) in ./data/models folder. But it's not work when i toggle the 3D model button. what's wrong in this situation?

Typescript support

Optionally use timescript for some of the utility classes.

CesiumSensors.RectangularSensorGraphics的问题

如何 使用new CesiumSensors.RectangularSensorGraphics ()

entity.addProperty("rectangularSensor");

entity.rectangularSensor = new CesiumSensors.RectangularSensorGraphics(
{
xHalfAngle : Cesium.Math.toRadians(40.0),
yHalfAngle : Cesium.Math.toRadians(20.0),
intersectionColor : Cesium.Color.GREEN.withAlpha(0.8),
intersectionWidth : 10,
showIntersection : true,
radius : 1000000.0,
show : true,
showThroughEllipsoid : false
}
);
报错：

Improve pass details

Show more information for each individual pass.
Example: https://network.satnogs.org/observations/778703/

Disable text selection in webview

Disabling the WKWebView text selection would probably make for a more native feeling of the app

Add satellites on demand

• Directly add TLE
• Add TLE from URL
• UI Modal to add TLEs

Encode layers & elements in URL

I'd like to "deep-link" to certain satellites from an EO web application. For that, it would be cool if the layers and satellite elements would be encodeable into the URL. Especially relevant would be the "Ground Track" and/or "Sensor Cone" options, as well as the "Inertial" camera setting.

Right now, only the satellite name is apparently encoded into the URL (https://satvis.space/?sat=TERRA).

can you give a guide to how to wrap in android, I tried cordova, but got black screen with timeline

Add privacy policy link in footer

Add UI to save current configuration on iOS

Allow saving the current configuration of

• Satellites
• Satellite entities
• Groundstation
• Layers

Simply saving the current URL and using this on app launch should be enough.

Support time dependent imagery layers

Some imagery providers offer additional time dependent imagery. Loading these with UrlTemplateImageryProvider as tested in 39afe31 doesn't work as the old tiles are still cached.

The old tile can either be invalidated when the time changes or an ImageryProvider with time dependent imagery support can be used.

Scrolling in list of overpasses does not work on mobile

Support transparent background for embedding in other pages

Example: CesiumGS/cesium#2866

Add loading screen

Show some kind of loading screen while the app is loading.

Improve tooltips for touch interfaces

Tooltips don't disappear automatically on touch interfaces and cover other UI elements.

Add additional targets with customized application code in webpack build

Optionally use a high resolution skybox

https://cesiumjs.org/Cesium/Build/Documentation/CesiumWidget.html
https://github.com/openwebgisystem/OpenWebGIS/tree/master/3d/stars

Repository not found

Hello,
I try to install satvis but when I ran:

git submodule update --init

I got:

fatal: repository 'https://github.com/AnalyticalGraphicsInc/cesium-assets.git/' not found

The cesium assets repository is now

https://github.com/AnalyticalGraphicsInc/cesium-assets-list.git

instead of

https://github.com/AnalyticalGraphicsInc/cesium-assets.git

Onboarding for iOS App

Currently the first launch of the application immediately triggers permission requests for location and notifications.
Either provide an onboarding with explanation for these permissions or delay asking for permissions until they are required.

Images

Uncaught TypeError: Cannot read property 'Viewer' of undefined

node 11.11.0/10.0.0/10.10.0
npm 6.7.0 /5.6.0/
cnpm install
npm install
all cant start item

error:
CesiumController.js:25 Uncaught TypeError: Cannot read property 'Viewer' of undefined
at new CesiumController (CesiumController.js:25)
at Object.install (VueCesiumController.js:6)
at Function.Vue.use (vue.esm.js:5100)
at eval (Cesium.vue?C:/Users/123/Desktop/orbforce/node_modules/babel-loader/lib??ref--0!C:/Users/123/Desktop/orbforce/node_modules/vue-loader/lib??vue-loader-options:239)
at Module../node_modules/babel-loader/lib/index.js?!./node_modules/vue-loader/lib/index.js?!./src/components/Cesium.vue?vue&type=script&lang=js& (app.3d870e7c.js?WB_REVISION=3d870e7c14472ee0fd3e:862)
at webpack_require (app.3d870e7c.js?WB_REVISION=3d870e7c14472ee0fd3e:80)
at eval (VM1282 Cesium.vue:2)
at Module../src/components/Cesium.vue?vue&type=script&lang=js& (app.3d870e7c.js?WB_REVISION=3d870e7c14472ee0fd3e:2395)
at webpack_require (app.3d870e7c.js?WB_REVISION=3d870e7c14472ee0fd3e:80)
at eval (VM1282 Cesium.vue:3)

webpack_require.r(webpack_exports);
/* harmony export (binding) / webpack_require.d(webpack_exports, "CesiumController", function() { return CesiumController; });
/ harmony import / var Cesium__WEBPACK_IMPORTED_MODULE_0__ = webpack_require(/! Cesium / "Cesium");
/ harmony import / var Cesium__WEBPACK_IMPORTED_MODULE_0___default = /#PURE/webpack_require.n(Cesium__WEBPACK_IMPORTED_MODULE_0__);
/ harmony import / var dayjs__WEBPACK_IMPORTED_MODULE_1__ = webpack_require(/! dayjs / "./node_modules/dayjs/dayjs.min.js");
/ harmony import / var dayjs__WEBPACK_IMPORTED_MODULE_1___default = /#PURE/webpack_require.n(dayjs__WEBPACK_IMPORTED_MODULE_1__);
/ harmony import / var dayjs_plugin_utc__WEBPACK_IMPORTED_MODULE_2__ = webpack_require(/! dayjs/plugin/utc / "./node_modules/dayjs/plugin/utc.js");
/ harmony import / var dayjs_plugin_utc__WEBPACK_IMPORTED_MODULE_2___default = /#PURE/webpack_require.n(dayjs_plugin_utc__WEBPACK_IMPORTED_MODULE_2__);
/ harmony import / var util_DeviceDetect__WEBPACK_IMPORTED_MODULE_3_ = webpack_require(/! ./util/DeviceDetect / "./src/modules/util/DeviceDetect.js");
/ harmony import / var SatelliteManager__WEBPACK_IMPORTED_MODULE_4_ = webpack_require(/! ./SatelliteManager */ "./src/modules/SatelliteManager.js");
// Import webpack externals

code from CesiumController.js when builded:
dayjs__WEBPACK_IMPORTED_MODULE_1___default.a.extend(dayjs_plugin_utc__WEBPACK_IMPORTED_MODULE_2___default.a);
class CesiumController {
constructor() {
this.minimalUI = util_DeviceDetect__WEBPACK_IMPORTED_MODULE_3_["DeviceDetect"].inIframe() || util_DeviceDetect__WEBPACK_IMPORTED_MODULE_3_["DeviceDetect"].isIos(); //检测设备

this.minimalUIAtStartup = _util_DeviceDetect__WEBPACK_IMPORTED_MODULE_3__["DeviceDetect"].inIframe(); //检测设备
// 声明Cesium地方，作为其本身的属性

this.viewer = new Cesium__WEBPACK_IMPORTED_MODULE_0___default.a.Viewer("cesiumContainer",  (please attention)

if you also find the problem, can y tell me if its solved ! thank you!

Add more iOS UI screenshots for App Store

• High number of satellites
• Groundstation pass calculation

Use cesium corridor for ground track

Might improve visibility compared to the existing polyline clamed to ground.

Support multiple groundstations

Currently only one groundstation can be active at the same time.

Improve style of builtin navigation controls

Related to #14

Add RainViewer imagery layer

https://www.rainviewer.com/api.html

Inject location through javascript on ios

Currently an additional "https://satvis.space Would Like To Use Your Current Location" popup is created when pressing the "Groundstation -> Set from geolocation" button even though location priviliges have already been granted to the app.

https://stackoverflow.com/questions/39665367/how-to-prevent-wkwebview-to-repeatedly-ask-for-permission-to-access-location/43907448#43907448

Improve cesium and plugin bundling

Related to #16

Mismatch between satellite and orbit polyline position

When zooming close to the satellite an offset between the orbit polyline (in INERTIAL frame) and the satellite's position (in FIXED frame) is visible.

question - other than TLE inputs

I'm just starting but it appears the only option for adding object is by loading TLE. Which leads me to believe the software is using SGP4 as the propagator.
I'm working a project where I simulate satellites uising numerical integration, but I propagate state vector (e.g. position, velocity) which I would like to visualize with satvis.
I'm going to keep digging but I wanted to ask if there were opther input options.
I figure worst case I create a dirty-TLE with COEs and update it from my simulation frequently.

Reenable flyTo animations

Currently animations when changing the tracked object are disabled as they result in a camera jump after arriving at the object.

Github button not working in ios app

No external URLs are allowed in WKWebView, thus the Github button does nothing.
Opening the github link in safari would be one possible solution.

Check and optimize webpack bundle size

router-link failed

Why does router link go to other Vue components , the page content remains the same

Improve imagery layer management

Currently only one layer can be selected at the same in the UI time even tough some of the available layers are intended as overlays for a basemap.

Multiple layers already work through URL query params: https://satvis.space/?layers=ArcGis,Nextrad

Satellite pass highlight on timeline broken since Cesium upgrade

Previously the passes where visible on the timeline as blue bars, since the Cesium upgrade this no longer works.

Add small satellite icon instead of white dot for satellite positions

Sentinel-2 cloudless map

https://s2maps.eu/

Improve UI/UX

Inspiration:

• https://storm.pps.eosdis.nasa.gov/storm/cesium/GPMNRTView.html
• https://pps.gsfc.nasa.gov/THORonline/cesium/index.html
• https://nasa.github.io/common-mapping-client/branches/master
• https://cesiumjs.org/tutorials/Cesium-Workshop/

Initial App Store release

• Wait for review
• Add App Store icon to README

Save NPM build artifacts generated through Github actions

Document query parameters

Document the currently available query parameters.

Example query params: https://satvis.space/?gs=48.2663,11.6683&sat=MOVE-II

Button tooltipps obscuring other buttons

A button's tooltip should probably go away once they button is not tapped any longer.

Thought Exchange Post

Excuse:
Can you talk about how you optimize Vue + cesium? Through workbox or something? Because after I use the structure of Vue + cesium to build, the memory required for the initial opening of the project has occupied about 160-180m, which will be increased later according to the display content. However, the initial memory of your project is about 50m, which will not grow particularly high in the later stage. After the corresponding effect is cancelled, the memory will return to the original state. If you have time to recover me, share your thoughts and ideas.

Thank you very much.

No way to leave data attribution popup

In the latest iOS Testflight Release, it's not possible to leave the "Data Attribution" popup after opening it:

Feel free to treat as super-low-priority, since nobody looks at the attributions anyway :))

Fade orbit/ground track

Fade the orbit/ ground track with increasing distance to the object to clarify movement direction.