1. A concise explanation of the problem you're experiencing.
I'm attempting to write a script to display the positions/orbits of satellites during set time periods. I've used python to write files with the information in czml's format (based off of simple.czml). My problem is that while nothing displays and the current time (not the time I've set it for) is displayed when I run the html file that calls in the czml file (it works with simple), if I remove the packet with the satellite data and only leave the id=document packet then it will correctly display the time window.
So this question is 2 part, what am I doing to overwrite the clock I set in the document packet and what am I missing from my satellite packet that is resulting in nothing being shown.
Note I've only been working with Cesium for a week and still extremely new, thank you for understanding!
2. A minimal code example. If you've found a bug, this helps us reproduce and repair it.
HTML:
<script>
var fileToAccess = '../../../../Apps/S3A/simple.czml.txt'
var viewer = new Cesium.Viewer('cesiumContainer', {
imageryProvider : Cesium.createTileMapServiceImageryProvider({
url : Cesium.buildModuleUrl('Assets/Textures/NaturalEarthII')
}),
baseLayerPicker : false,
geocoder : false
});
viewer.dataSources.add(Cesium.CzmlDataSource.load(fileToAccess));
viewer.camera.flyHome(0);
</script>
CZML FIle contents:
[
{
"id":"document",
"name":"S3A",
"version":"1.0",
"clock":{
"interval":"2018-05-23T00:00:00Z/2018-05-25T00:00:00Z",
"currentTime":"2018-05-23T00:00:00Z",
"multiplier":60,
"range":"LOOP_STOP",
"step":"SYSTEM_CLOCK_MULTIPLIER"
}
},
{
"id":"27825",
"name":"27825",
"availability":"2018-05-23T00:00:00Z/2018-05-25T00:00:00Z",
"description":"<!--HTML-->\r\n<p>TEST TEST TEST</p>",
"billboard":{
"eyeOffset":{
"Cartesian3":[
0,0,0
]
},
"horizontalOrigin":"CENTER",
"pixelOffset":{
"Cartesian2":[
0,0
]
},
"scale":1.5,
"show":true,
"verticalOrigin":"CENTER"
},
"label":{
"fillColor":{
"rgba":[
255,255,255,255
]
},
"font":"12pt Lucida Console",
"horizontalOrigin":"LEFT",
"outlineColor":{
"rgba":[
0,0,0,255
]
},
"outlineWidth":1,
"pixelOffset":{
"cartesian2":[
12,0
]
},
"show":true,
"style":"FILL_AND_OUTLINE",
"text":"27825",
"verticalOrigin":"BOTTOM"
},
"path":{
"show":[
{
"interval":"2018-05-23T00:00:00Z/2018-05-25T00:00:00Z",
"boolean":true
}
],
"width":1,
"material":{
"solidColor":{
"color":{
"rgba":[
0,255,0,255
]
}
}
},
"resolution":1200,
"leadTime": [
{
"number":172800
}
],
"trailTime": [
{
"number":172800
}
]
},
"point": {
"color": {
"rgba": [255,255,255,255]
},
"pixelSize": 6
},
"position":{
"interpolationAlgorithm":"LAGRANGE",
"interpolationDegree":5,
"referenceFrame":"INERTIAL",
"epoch":"2018-05-23T00:00:00Z",
"cartesian":[
0,30273619,29130142,-3691840,
900,30262862,29132068,-3751979,
...
]
}
}
]
3. Context. Why do you need to do this? We might know a better way to accomplish your goal.
As stated above, I'm trying to display satellite position/orbit and since I've never worked with JS or HTML my understanding of these 2 languages is very basic (in fact, about as basic as can be), and therefore I've been trying to base my outputs off of the simple.czml example as much as possible.
4. The Cesium version you're using, your operating system and browser.
Cesium-1.45, MacOS 10.13.3, Firefox