Display infobox next to entity when left clicking?

CesiumJS
1

Hi there, is there a way to display a small version of the infobox next to an entity after clicking it, instead of the default option where a big rectangle is shown on the upper right of the screen?

I’m building a basic satellite tracker and it would be useful to have a little info box follow the entity while it is moving through space. I’m assuming I would have to overwrite the infobox.css file.

2

Hello,

You can override the .cesium-infoBox class in your own style sheet to modify the position of the info box. I guess you could retrieve the position of your entity and convert it to a window position using SceneTransforms.wgs84ToWindowCoordinates

If you want to modify the style of the content of the info box, you’ll have to inject the new style into the iframe.