Offsetting Billboard position to move click area

CesiumJS
3

My custom markers are styled billboards, like this:

function setAirportIcon(entity, top_airport_visit_count) {
billboards.add({
position : entity.position.getValue(viewer.clock.currentTime),
image : airportIcon,
color : new Cesium.Color.fromHsl(0, 0, 1, setOpacity(top_airport_visit_count, entity))
});
}

``

I have lines that represent peoples flights that go to and from each billboard, so I can’t move the custom billboard because it’s over top of a specific geographical feature (usually an airport). What I can’t figure out how to do is get the custom billboard to be clickable, or move the default marker to be placed over the billboard instead of above it. Does that make sense?

Here is a screenshot:

You can see the airport icon, which is my custom billboard, and the cesium default marker. I make the markers transparent so they don’t show up to the user, but can still be clicked on for information about that airport. The problem is that the click area is above the billboard, which is confusing for users who can’t see the marker.

So, either I’m on the totally wrong track here, or my two options are:

  • find a way to make the billboard clickable
  • find a way to move the marker down so it overlaps the billboard.
    Is there a way to actually change the styling of a marker so that using billboards isn’t necessary?

Thanks,

Arel