# Creating billboard to identify building orientation

**URL:** https://community.cesium.com/t/creating-billboard-to-identify-building-orientation/14258
**Category:** CesiumJS
**Created:** [June 30, 2021, 3:57pm UTC](https://community.cesium.com/t/creating-billboard-to-identify-building-orientation/14258 "2021-06-30T15:57:22Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![SN13](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/sn13/32/4356_2.png) [@SN13](https://community.cesium.com/u/SN13)
#### Post date: [June 30, 2021, 3:57pm UTC](https://community.cesium.com/t/creating-billboard-to-identify-building-orientation/14258/1 "2021-06-30T15:57:22Z")

</div>

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

 ![image](https://global.discourse-cdn.com/cesium/original/2X/1/1ed59af427024d48144f11a27d7609a9216ca79a.png)

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](https://global.discourse-cdn.com/cesium/original/2X/b/bb62dec4314641b9bc54b5ae5607f786e9db098f.jpeg)

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)  
}  
}));

---

<div class="post-metadata">

### Author: ![janine](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/janine/32/5135_2.png) [@janine](https://community.cesium.com/u/janine)
#### Post date: [July 15, 2021, 9:08pm UTC](https://community.cesium.com/t/creating-billboard-to-identify-building-orientation/14258/2 "2021-07-15T21:08:52Z")

</div>

Hi @SN13! I apologize for the delayed response.

In Cesium, `Billboard`s 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.](https://sandcastle.cesium.com/?src=Rectangle.html)

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