Bilboard rotation by time not working

Part of my hand made czml, and it’s moving! But not rotating:(

Why?

billboard:{
alignedAxis: [0,0,1],

image: “images/tanker.png”,

rotation:[ "2014-12-11T18:32:49Z"1: 7.6232222222222232, "2014-12-11T18:32:51Z"3, 7.623222222222223]

},

position:{

cartographicDegrees:{…}

}

Rotations values ofcourse differents…
rotation:[ "2014-12-11T18:32:49Z"1: 7.6232222222222232, "2014-12-11T18:32:51Z"3, 1.623222222222223]

I’m sorry forget rotation.number

Since you are using time tags for rotations you need to put an epoch within the rotation property. Even if you have an epoch set for the object outside of this, you need to set one specifically for the rotation.

For example:

billboard:{
alignedAxis: [0,0,1],
image: “images/tanker.png”,
rotation:{
“epoch” : “2014-12-11T18:32:49Z”,
“number” : ["2014-12-11T18:32:49Z"1: 7.6232222222222232, "2014-12-11T18:32:51Z"3, 7.623222222222223]
}
}

``

`

`

I’m not sure if its just a typo or not, but why do you have a number outside of the quotes in the number section? The rotation of a billboard is only a single number.

I have mistakeт while wrighting. Of course it a misprint .

I have another one question: I don want rotation interpolated, and trying to do some thing, but it’s not work.
If I placed “number” like [t,h,t,h …] rotation interpolated. How to stop czml interpolate rotation. But set rotation angle on the parts of path?
“billboard”: {

“alignedAxis”: {

“cartesian”: [0, 0, 1]

},

“rotation”: {

“interval”: “2014-12-10T00:43:25Z/2014-12-10T03:12:45Z”,

“number”: [“2014-12-10T00:43:25Z”, 45 * 3.14 / 180]

},

“rotation”: {

“interval”: “2014-12-10T03:12:45Z/2014-12-10T04:12:45Z”,

“number”: [“2014-12-10T03:12:45Z”, 90 * 3.14 / 180]

}

To stop the interpolation you just need to remove the time tags in the number section. Since it will be stationary during each interval, there is no need for them. If you change to the following, it should do what you want:

“billboard”: {
“alignedAxis”: {
“cartesian”: [0, 0, 1]
},
“rotation”: {
“interval”: “2014-12-10T00:43:25Z/2014-12-10T03:12:45Z”,
“number”: 45 * 3.14 / 180
},
“rotation”: {
“interval”: “2014-12-10T03:12:45Z/2014-12-10T04:12:45Z”,
“number”: 90 * 3.14 / 180
}

``

like that not worked.

“billboard”: {

“rotation”: {
“number”: 45 * 3.14 / 180
},
“rotation”: {
“number”: 90 * 3.14 / 180
}

You still need to keep the interval in there. Also if you’re writing czml’s you can’t use operators within the file. So instead of 90*3.14/180 you need to put 1.57.

“billboard”: {
“alignedAxis”: {
“cartesian”: [0, 0, 1]
},
“rotation”: {
“interval”: “2014-12-10T00:43:25Z/2014-12-10T03:12:45Z”,
“number”: 0.785
},
“rotation”: {
“interval”: “2014-12-10T03:12:45Z/2014-12-10T04:12:45Z”,
“number”: 1.57
}

``

Dear, Chris

thank you for answers, but it is not work, and I don’t know why…

This is my handmade czml:

var builtInCzml = [{

“id”: “document”,

“version”: “1.0”

}, {

“id”: “Ship_230036770”,

“availability”: “2014-12-10T00:43:25Z/2014-12-11T00:00:00Z”,

“billboard”: {

“eyeOffset”: {

“cartesian”: [0.0, 0.0, 0.0]

},

“horizontalOrigin”: “CENTER”,

“image”: “data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEISURBVEhLvVXBDYQwDOuojHKj8LhBbpTbpBCEkZsmIVTXq1RVQGrHiWlLmTTqPiZBlyLgy/KSZQ5JSHDQ/mCYCsC8106kDU0AdwRnvYZArWRcAl0dcYJq1hWCb3hBrumbDAVMwAC82WoRvgMnVMDBnB0nYZFTbE6BBvdUGqVqCbjBIk3PyFFR/NU7EKzru+qZsau3ryPwwCRLKYOzutZuCL6fUmWeJGzNzL/RxAMrUmASSCkkAayk2IxPlwhAAYGpsiHQjbLccfdOY5gKkCXAMi7SscAwbQpAnKyctWyUZ6z8ja3OGMepwD8asz+9FnSvbhU8uVOHFIwQsI3/p0CfhuqCSQuxLqsN6mu8SS+N42MAAAAASUVORK5CYII=”,

“pixelOffset”: {

“cartesian2”: [0.0, 0.0]

},

“scale”: 0.8,

“verticalOrigin”: “BOTTOM”,

“alignedAxis”: {

“cartesian”: [0, 0, 1]

},

“rotation”: {

“interval”: “2014-12-10T00:43:25Z/2014-12-10T03:12:45Z”,

“number”: -0.785

},

“rotation”: {

“interval”: “2014-12-10T03:12:45Z/2014-12-11T00:00:00Z”,

“number”: 1.57,

}

},

“label”: {

“fillColor”: [{

“rgba”: [255, 255, 0, 255]

}],

“font”: “bold 10pt Segoe UI Semibold”,

“horizontalOrigin”: “LEFT”,

“outlineColor”: {

“rgba”: [0, 0, 0, 255]

},

“pixelOffset”: {

“cartesian2”: [10.0, 0.0]

},

“scale”: 1.0,

“style”: “FILL”,

“text”: “Ship”,

“verticalOrigin”: “CENTER”

},

“path”: {

“material”: {

“solidColor”: {

“color”: [{

“rgba”: [255, 255, 0, 255]

}]

}

}

},

“position”: {

“cartographicDegrees”: [“2014-12-10T00:43:25Z”, -80.7, 41.29, 0, “2014-12-10T03:12:45Z”, -86.9, 35.69, 0, “2014-12-10T04:12:45Z”, -91.9, 44.169, 0]

}

}];

You left a comma after the 1.57. I tested it after fixing that and it all ran smoothly. Try this one and hopefully it will work:

[
{
“id”: “document”,
“version”: “1.0”
},
{
“id”: “Ship_230036770”,
“availability”: “2014-12-10T00:43:25Z/2014-12-11T00:00:00Z”,
“billboard”: {
“eyeOffset”: {
“cartesian”: [0.0, 0.0, 0.0]
},
“horizontalOrigin”: “CENTER”,
“image”: “data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEISURBVEhLvVXBDYQwDOuojHKj8LhBbpTbpBCEkZsmIVTXq1RVQGrHiWlLmTTqPiZBlyLgy/KSZQ5JSHDQ/mCYCsC8106kDU0AdwRnvYZArWRcAl0dcYJq1hWCb3hBrumbDAVMwAC82WoRvgMnVMDBnB0nYZFTbE6BBvdUGqVqCbjBIk3PyFFR/NU7EKzru+qZsau3ryPwwCRLKYOzutZuCL6fUmWeJGzNzL/RxAMrUmASSCkkAayk2IxPlwhAAYGpsiHQjbLccfdOY5gKkCXAMi7SscAwbQpAnKyctWyUZ6z8ja3OGMepwD8asz+9FnSvbhU8uVOHFIwQsI3/p0CfhuqCSQuxLqsN6mu8SS+N42MAAAAASUVORK5CYII=”,
“pixelOffset”: {
“cartesian2”: [0.0, 0.0]
},
“scale”: 0.8,
“verticalOrigin”: “BOTTOM”,
“alignedAxis”: {
“cartesian”: [0, 0, 1]
},
“rotation”: {
“interval”: “2014-12-10T00:43:25Z/2014-12-10T03:12:45Z”,
“number”: -0.785
},
“rotation”: {
“interval”: “2014-12-10T03:12:45Z/2014-12-11T00:00:00Z”,
“number”: 1.57
}
},
“label”: {
“fillColor”: [{
“rgba”: [255, 255, 0, 255]
}],
“font”: “bold 10pt Segoe UI Semibold”,
“horizontalOrigin”: “LEFT”,
“outlineColor”: {
“rgba”: [0, 0, 0, 255]
},
“pixelOffset”: {
“cartesian2”: [10.0, 0.0]
},
“scale”: 1.0,
“style”: “FILL”,
“text”: “Ship”,
“verticalOrigin”: “CENTER”
},
“path”: {
“material”: {
“solidColor”: {
“color”: [{
“rgba”: [255, 255, 0, 255]
}]
}
}
},
“position”: {
“cartographicDegrees”: [“2014-12-10T00:43:25Z”, -80.7, 41.29, 0, “2014-12-10T03:12:45Z”, -86.9, 35.69, 0, “2014-12-10T04:12:45Z”, -91.9, 44.169, 0]
}
}
]

``

No.

It’s take the last rotation descriptor…rewrite. And only last intervar works.

var builtInCzml = [{

“id”: “document”,

“version”: “1.0”

}, {

“id”: “Ship_230036770”,

“availability”: “2014-12-10T00:43:25Z/2014-12-11T00:00:00Z”,

“billboard”: {

“eyeOffset”: {

“cartesian”: [0.0, 0.0, 0.0]

},

“horizontalOrigin”: “CENTER”,

“image”: “data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEISURBVEhLvVXBDYQwDOuojHKj8LhBbpTbpBCEkZsmIVTXq1RVQGrHiWlLmTTqPiZBlyLgy/KSZQ5JSHDQ/mCYCsC8106kDU0AdwRnvYZArWRcAl0dcYJq1hWCb3hBrumbDAVMwAC82WoRvgMnVMDBnB0nYZFTbE6BBvdUGqVqCbjBIk3PyFFR/NU7EKzru+qZsau3ryPwwCRLKYOzutZuCL6fUmWeJGzNzL/RxAMrUmASSCkkAayk2IxPlwhAAYGpsiHQjbLccfdOY5gKkCXAMi7SscAwbQpAnKyctWyUZ6z8ja3OGMepwD8asz+9FnSvbhU8uVOHFIwQsI3/p0CfhuqCSQuxLqsN6mu8SS+N42MAAAAASUVORK5CYII=”,

“pixelOffset”: {

“cartesian2”: [0.0, 0.0]

},

“scale”: 0.8,

“verticalOrigin”: “BOTTOM”,

“alignedAxis”: {

“cartesian”: [0, 0, 1]

},

“rotation”: {

“interval”: “2014-12-10T00:43:25Z/2014-12-10T03:12:45Z”,

“number”: -0.785

},

“rotation”: {

“interval”: “2014-12-10T03:12:45Z/2014-12-11T00:00:00Z”,

“number”: 1.57

},

“rotation”: {

“interval”: “2014-12-10T00:43:25Z/2014-12-10T03:12:45Z”,

“number”: -0.785

}

},

“label”: {

“fillColor”: [{

“rgba”: [255, 255, 0, 255]

}],

“font”: “bold 10pt Segoe UI Semibold”,

“horizontalOrigin”: “LEFT”,

“outlineColor”: {

“rgba”: [0, 0, 0, 255]

},

“pixelOffset”: {

“cartesian2”: [10.0, 0.0]

},

“scale”: 1.0,

“style”: “FILL”,

“text”: “Ship”,

“verticalOrigin”: “CENTER”

},

“path”: {

“material”: {

“solidColor”: {

“color”: [{

“rgba”: [255, 255, 0, 255]

}]

}

}

},

“position”: {

“cartographicDegrees”: [“2014-12-10T00:43:25Z”, -80.7, 41.29, 0, “2014-12-10T03:12:45Z”, -86.9, 35.69, 0, “2014-12-10T04:12:45Z”, -91.9, 44.169, 0]

}

}];