Creating billboard to identify building orientation

CesiumJS
1

I want to create a billboard to identify E and W directions of the building as shown below.

image
image753×553 73 KB

I have tried with the following code but the billboard doesn’t not parallel with the map and when I zoom out the billboard size is still the same as shown below.

image

Here is the code. Could anyone advise on this matter?

propertyPlacemark.push(viewer.entities.add({
position: Cesium.Cartesian3.fromDegrees(longitude, latitude, parseInt(polylineHeight - 30)),
orientation: new Cesium.HeadingPitchRoll(0, 0, 0),
billboard: {
image: ‘./images/EastWestArrow.svg’,
width: 150.0,
height: 150.0,
verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
eyeOffset: new Cesium.Cartesian3(0.0, 0.0, 0.0)
}
}));

2

Hi @SN13! I apologize for the delayed response.

In Cesium, Billboards are designed to be vertical images that always face the viewer, and they scale for viewability. It seems that they are incompatible with what you are trying to do.

What you could try instead is to create a Rectangle entity with your desired image on it, and position it so that it is on top of the building. Here’s an example of how to create Rectangle entities in Cesium.

Hope that helps! Let me know if you have any other questions.