From ed84dc1f95415f8ae8e2cab672781586915fe10c Mon Sep 17 00:00:00 2001 From: jiangteng <1348746268@qq.com> Date: Thu, 2 Feb 2023 17:22:00 +0800 Subject: [PATCH] =?UTF-8?q?'=E5=A2=9E=E5=8A=A0=E8=8F=9C=E5=8D=95=E6=A0=8F'?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 6 +- docs/favicon.ico | Bin 4286 -> 0 bytes public/favicon.ico | Bin 4286 -> 15406 bytes src/assets/menu.svg | 1 + src/js/SatelliteEntity.js | 4 +- src/views/satellite-track/SatelliteTrack.scss | 43 +++++++ src/views/satellite-track/SatelliteTrack.vue | 109 +++++++++++++++++- 7 files changed, 159 insertions(+), 4 deletions(-) delete mode 100644 docs/favicon.ico create mode 100644 src/assets/menu.svg diff --git a/README.md b/README.md index 0c58cbf..6791002 100644 --- a/README.md +++ b/README.md @@ -2,4 +2,8 @@ satellite-track使用TLE数据追踪卫星，使用cesium、vue、satelliteJS开发。 -## [预览](https://jiangteng2019.github.io/satellite-track/) \ No newline at end of file +## [预览](https://jiangteng2019.github.io/satellite-track/) + +###说明 +1、为了节约性能，卫星轨道数据选择显示，而不全量显示； +2、数据来源于celestrak \ No newline at end of file diff --git a/docs/favicon.ico b/docs/favicon.ico deleted file mode 100644 index df36fcfb72584e00488330b560ebcf34a41c64c2..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 4286 zcmds*O-Phc6o&64GDVCEQHxsW(p4>LW*W<827=Unuo8sGpRux(DN@jWP-e29Wl%wj zY84_aq9}^Am9-cWTD5GGEo#+5Fi2wX_P*bo+xO!)p*7B;iKlbFd(U~_d(U?#hLj56 zPhFkj-|A6~Qk#@g^#D^U0XT1cu=c-vu1+SElX9NR;kzAUV(q0|dl0|%h|dI$%VICy zJnu2^L*Te9JrJMGh%-P79CL0}dq92RGU6gI{v2~|)p}sG5x0U*z<8U;Ij*hB9z?ei z@g6Xq-pDoPl=MANPiR7%172VA%r)kevtV-_5H*QJKFmd;8yA$98zCxBZYXTNZ#QFk2(TX0;Y2dt&WitL#$96|gJY=3xX zpCoi|YNzgO3R`f@IiEeSmKrPSf#h#Qd<$%Ej^RIeeYfsxhPMOG`S`Pz8q``=511zm zAm)MX5AV^5xIWPyEu7u>qYs?pn$I4nL9J!=K=SGlKLXpE<5x+2cDTXq?brj?n6sp= zphe9;_JHf40^9~}9i08r{XM$7HB!`{Ys~TK0kx<}ZQng`UPvH*11|q7&l9?@FQz;8 zx!=3<4seY*%=OlbCbcae?5^V_}*K>Uo6ZWV8mTyE^B=DKy7-sdLYkR5Z?paTgK-zyIkKjIcpyO z{+uIt&YSa_$QnN_@t~L014dyK(fOOo+W*MIxbA6Ndgr=Y!f#Tokqv}n<7-9qfHkc3 z=>a|HWqcX8fzQCT=dqVbogRq!-S>H%yA{1w#2Pn;=e>JiEj7Hl;zdt-2f+j2%DeVD zsW0Ab)ZK@0cIW%W7z}H{&~yGhn~D;aiP4=;m-HCo`BEI+Kd6 z={Xwx{TKxD#iCLfl2vQGDitKtN>z|-AdCN|$jTFDg0m3O`WLD4_s#$S diff --git a/public/favicon.ico b/public/favicon.ico index df36fcfb72584e00488330b560ebcf34a41c64c2..b70cd297e63897d39d8874bef3b40adc2243e5e5 100644 GIT binary patch literal 15406 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 literal 4286 zcmds*O-Phc6o&64GDVCEQHxsW(p4>LW*W<827=Unuo8sGpRux(DN@jWP-e29Wl%wj zY84_aq9}^Am9-cWTD5GGEo#+5Fi2wX_P*bo+xO!)p*7B;iKlbFd(U~_d(U?#hLj56 zPhFkj-|A6~Qk#@g^#D^U0XT1cu=c-vu1+SElX9NR;kzAUV(q0|dl0|%h|dI$%VICy zJnu2^L*Te9JrJMGh%-P79CL0}dq92RGU6gI{v2~|)p}sG5x0U*z<8U;Ij*hB9z?ei z@g6Xq-pDoPl=MANPiR7%172VA%r)kevtV-_5H*QJKFmd;8yA$98zCxBZYXTNZ#QFk2(TX0;Y2dt&WitL#$96|gJY=3xX zpCoi|YNzgO3R`f@IiEeSmKrPSf#h#Qd<$%Ej^RIeeYfsxhPMOG`S`Pz8q``=511zm zAm)MX5AV^5xIWPyEu7u>qYs?pn$I4nL9J!=K=SGlKLXpE<5x+2cDTXq?brj?n6sp= zphe9;_JHf40^9~}9i08r{XM$7HB!`{Ys~TK0kx<}ZQng`UPvH*11|q7&l9?@FQz;8 zx!=3<4seY*%=OlbCbcae?5^V_}*K>Uo6ZWV8mTyE^B=DKy7-sdLYkR5Z?paTgK-zyIkKjIcpyO z{+uIt&YSa_$QnN_@t~L014dyK(fOOo+W*MIxbA6Ndgr=Y!f#Tokqv}n<7-9qfHkc3 z=>a|HWqcX8fzQCT=dqVbogRq!-S>H%yA{1w#2Pn;=e>JiEj7Hl;zdt-2f+j2%DeVD zsW0Ab)ZK@0cIW%W7z}H{&~yGhn~D;aiP4=;m-HCo`BEI+Kd6 z={Xwx{TKxD#iCLfl2vQGDitKtN>z|-AdCN|$jTFDg0m3O`WLD4_s#$S diff --git a/src/assets/menu.svg b/src/assets/menu.svg new file mode 100644 index 0000000..03e44a5 --- /dev/null +++ b/src/assets/menu.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/js/SatelliteEntity.js b/src/js/SatelliteEntity.js index da3dfdb..deadd13 100644 --- a/src/js/SatelliteEntity.js +++ b/src/js/SatelliteEntity.js @@ -13,7 +13,7 @@ class SatelliteEntity { this.satrec = twoline2satrec(this.tleLine1, this.tleLine2); this.totalSeconds = 864000;// 864000 - this.stepSeconds = 150; + this.stepSeconds = 100; this.leadTime = parseInt(24 * 3600 / circle); this.trailTime = 0; @@ -56,7 +56,7 @@ class SatelliteEntity { description: this.name, availability: new Cesium.TimeIntervalCollection([new Cesium.TimeInterval({ start: start, stop: stop })]), position: this._getPositionProperty(), - point: { pixelSize: 8, color: Cesium.Color.fromRandom({ alpha: 1.0 }) }, + point: { pixelSize: 10, color: Cesium.Color.fromRandom({ alpha: 1.0 }) }, path: new Cesium.PathGraphics({ width: 1, show: false, diff --git a/src/views/satellite-track/SatelliteTrack.scss b/src/views/satellite-track/SatelliteTrack.scss index 93ba7c8..e1b3747 100644 --- a/src/views/satellite-track/SatelliteTrack.scss +++ b/src/views/satellite-track/SatelliteTrack.scss @@ -4,4 +4,47 @@ .cesium-viewer-bottom { display: none; +} + +.operate_container { + position: absolute; + top: 5px; + left: 5px; + z-index: 999; + + .menu_button { + box-sizing: border-box; + width: 32px; + height: 32px; + border-radius: 14%; + padding: 0; + vertical-align: middle; + z-index: 0; + display: inline-block; + position: relative; + background: #303336; + border: 1px solid #444; + color: #edffff; + fill: #edffff; + cursor: pointer; + } + .menu_button:hover { + color: #fff; + fill: #fff; + background: #48b; + border-color: #aef; + box-shadow: 0 0 8px #fff; + } +} + +.el-drawer { + background-color: rgba($color: #303336, $alpha: 0.9); + color: #fff; + .el-drawer__header { + background-color: #303336; + color: inherit; + } + .el-checkbox { + color: inherit; + } } \ No newline at end of file diff --git a/src/views/satellite-track/SatelliteTrack.vue b/src/views/satellite-track/SatelliteTrack.vue index 67f9883..bcc21d8 100644 --- a/src/views/satellite-track/SatelliteTrack.vue +++ b/src/views/satellite-track/SatelliteTrack.vue @@ -1,5 +1,26 @@