2019-02-20 13:00:22 -07:00
< head >
2019-05-21 10:39:08 -06:00
< script src = "https://cesiumjs.org/releases/1.57/Build/Cesium/Cesium.js" > < / script >
< link href = "https://cesiumjs.org/releases/1.57/Build/Cesium/Widgets/widgets.css" rel = "stylesheet" >
2019-02-20 13:00:22 -07:00
< 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-02-20 13:00:22 -07: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" onclick = "update()" > Online Stations?< br >
< input type = "checkbox" id = "offline" value = "Offline" onclick = "update()" > Offline Stations?< br >
< input type = "checkbox" id = "testing" value = "Testing" onclick = "update()" > Testing Stations?< br >
< button onclick = "toggle()" > Toggle Speed Controls< / button >
2019-02-20 13:00:22 -07: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-02-20 13:00:22 -07:00
Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIwYmEwOTc5YS01N2I3LTRhYmQtOGE0MS1lNTkyMWU2ZmM3YWUiLCJpZCI6Njg1OCwic2NvcGVzIjpbImFzciIsImdjIl0sImlhdCI6MTU0NzU5ODkxOX0.p4alNyuyt_Eufuo8xX_SB6HKHuSixBTxgiVpD6UGI3Y';
2019-09-04 09:50:28 -06:00
var viewer = new Cesium.Viewer('cesiumContainer',{shadows:true,timeline:false,vrButton:false,homeButton:false,animation:true,baseLayerPicker:false,navigationInstructionsInitiallyVisible:false,navigationHelpButton:false,imageryProvider :new Cesium.MapboxImageryProvider({
mapId: 'mapbox.streets',
accessToken: 'pk.eyJ1IjoiY2hpYmlsbCIsImEiOiJjanZ6bmZjenEwMjdzM3luMXMxd3FzenMwIn0.RF4gf01lBWmUiXZFZwUcbA'
})});
2019-02-20 13:00:22 -07:00
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-02-20 13:00:22 -07:00
var now = new Cesium.JulianDate();
viewer.clock.currentTime = now;
viewer.clock.shouldAnimate = true
2019-05-21 10:39:08 -06:00
const download = async () => {
Online = await Cesium.CzmlDataSource.load("/czml")
Offline = await Cesium.CzmlDataSource.load("/czmloff")
Testing = await Cesium.CzmlDataSource.load("/czmltest")
}
2019-03-13 10:50:50 -06:00
setInterval(function(){
2019-04-30 17:30:04 -06:00
2019-05-21 10:39:08 -06:00
download()
update()
2019-09-04 09:50:28 -06:00
}, 1000*60*15);
2019-03-13 10:50:50 -06:00
2019-02-20 13:00:22 -07:00
2019-04-30 17:30:04 -06:00
function update(){
viewer.dataSources.removeAll()
if(document.getElementById("online").checked == true){
2019-05-21 10:39:08 -06:00
viewer.dataSources.add(Online)
2019-04-30 17:30:04 -06:00
}
if(document.getElementById("offline").checked == true){
2019-05-21 10:39:08 -06:00
viewer.dataSources.add(Offline)
2019-04-30 17:30:04 -06:00
}
if(document.getElementById("testing").checked == true){
2019-05-21 10:39:08 -06:00
viewer.dataSources.add(Testing)
2019-04-30 17:30:04 -06:00
}
}
2019-02-20 13:00:22 -07:00
2019-04-30 17:30:04 -06:00
function toggle(){
viewer.animation.container.hidden = !viewer.animation.container.hidden;
}
2019-02-20 13:00:22 -07:00
2019-04-30 17:30:04 -06:00
viewer._bottomContainer.innerText = ""
2019-02-20 13:00:22 -07:00
< / script >
2019-09-04 09:50:28 -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/satnogsmap/tree/master" > Source Code< / a > is licensed under the AGPL license. Produced by William Gaylord KD9KCK