2019-03-13 10:50:50 -06:00
< head >
< script src = "https://cesiumjs.org/releases/1.53/Build/Cesium/Cesium.js" > < / script >
< link href = "https://cesiumjs.org/releases/1.53/Build/Cesium/Widgets/widgets.css" rel = "stylesheet" >
< script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" > < / script >
< / head >
< style >
2019-04-30 17:30:04 -06:00
#overlay {
position: absolute;
left: 10px;
top: 10px;
background-color: rgba(0, 0, 0, 1);
color: white;
font-family: monospace;
padding: 1em;
}
2019-03-13 10:50:50 -06:00
< / style >
< div id = "cesiumContainer" style = "width: 100%; height:100%" > < / div >
2019-04-30 17:30:04 -06:00
< div id = "overlay" > < div > < span id = "credit" > < / span > < / div > < / div >
< input type = "checkbox" id = "online" value = "Online" > Online Stations?< br >
< input type = "checkbox" id = "offline" value = "Offline" > Offline Stations?< br >
< input type = "checkbox" id = "testing" value = "Testing" > Testing Stations?< br >
< button onclick = "toggle()" > Toggle Speed Controls< / button >
2019-03-13 10:50:50 -06:00
< script >
2019-04-30 17:30:04 -06:00
var timeElement = document.getElementById("credit");
var timeNode = document.createTextNode("");
timeElement.appendChild(timeNode)
timeNode.nodeValue = "KD9KCK's Satnogs Map"
Online = Cesium.CzmlDataSource.load("/czml")
Offline = Cesium.CzmlDataSource.load("/czmloff")
Testing = Cesium.CzmlDataSource.load("/czmltest")
document.getElementById("online").checked = true;
2019-03-13 10:50:50 -06:00
Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIwYmEwOTc5YS01N2I3LTRhYmQtOGE0MS1lNTkyMWU2ZmM3YWUiLCJpZCI6Njg1OCwic2NvcGVzIjpbImFzciIsImdjIl0sImlhdCI6MTU0NzU5ODkxOX0.p4alNyuyt_Eufuo8xX_SB6HKHuSixBTxgiVpD6UGI3Y';
var viewer = new Cesium.Viewer('cesiumContainer',{shadows:true,timeline:false,vrButton:false,homeButton:false,animation:true,baseLayerPicker:true});
viewer.terrainProvider = Cesium.createWorldTerrain();
viewer.scene.globe.shadows=Cesium.ShadowMode.CAST_ONLY
viewer.scene.globe.enableLighting = true
2019-04-30 17:30:04 -06:00
viewer.dataSources.add(Online)
2019-03-13 10:50:50 -06:00
var now = new Cesium.JulianDate();
viewer.clock.currentTime = now;
viewer.clock.shouldAnimate = true
2019-04-30 17:30:04 -06:00
2019-03-13 10:50:50 -06:00
temp = 0
2019-04-30 17:30:04 -06:00
2019-03-13 10:50:50 -06:00
function icrf(scene, time) {
if (scene.mode !== Cesium.SceneMode.SCENE3D) {
return;
}
t = Object()
t.dayNumber = time.dayNumber
t.secondsOfDay = temp
icrfToFixed = Cesium.Transforms.computeIcrfToFixedMatrix(t);
if (Cesium.defined(icrfToFixed)) {
var camera = viewer.camera;
var offset = Cesium.Cartesian3.clone(camera.position);
var transform = Cesium.Matrix4.fromRotationTranslation(icrfToFixed);
camera.lookAtTransform(transform, offset);
}
2019-03-15 14:55:21 -06:00
temp+={{speed}}
2019-03-13 10:50:50 -06:00
if (temp > 86400){
temp = 0
}
}
2019-04-30 17:30:04 -06:00
2019-03-13 10:50:50 -06:00
viewer.scene.postUpdate.addEventListener(icrf);
setInterval(function(){
2019-04-30 17:30:04 -06:00
Online = Cesium.CzmlDataSource.load("/czml")
Offline = Cesium.CzmlDataSource.load("/czmloff")
Testing = Cesium.CzmlDataSource.load("/czmltest")
2019-03-13 10:50:50 -06:00
}, 1000*60*60);
2019-03-15 14:55:21 -06:00
2019-03-13 10:50:50 -06:00
2019-04-30 17:30:04 -06:00
function update(){
viewer.dataSources.removeAll()
if(document.getElementById("online").checked == true){
viewer.dataSources.add(Cesium.CzmlDataSource.load("/czml"))
}
if(document.getElementById("offline").checked == true){
viewer.dataSources.add(Cesium.CzmlDataSource.load("/czmloff"))
}
if(document.getElementById("testing").checked == true){
viewer.dataSources.add(Cesium.CzmlDataSource.load("/czmltest"))
}
}
2019-03-13 10:50:50 -06:00
2019-04-30 17:30:04 -06:00
function toggle(){
viewer.animation.container.hidden = !viewer.animation.container.hidden;
}
2019-03-13 10:50:50 -06:00
2019-04-30 17:30:04 -06:00
viewer._bottomContainer.innerText = ""
2019-03-13 10:50:50 -06:00
< / script >
2019-04-30 17:30:04 -06:00
2019-05-21 10:12:55 -06:00
< a rel = "license" href = "http://creativecommons.org/licenses/by-sa/4.0/" > < img alt = "Creative Commons License" style = "border-width:0" src = "https://i.creativecommons.org/l/by-sa/4.0/88x31.png" / > < / a > < br / > This visual work is licensed under a < a rel = "license" href = "http://creativecommons.org/licenses/by-sa/4.0/" > Creative Commons Attribution-ShareAlike 4.0 International License< / a > < a href = "https://gitlab.com/chibill/satnogsmapreplay/tree/master" > Source Code< / a > is licensed under the AGPL license. Produced by William Gaylord KD9KCK
2019-04-30 17:30:04 -06:00