How to see the label when it is covered by a translucent object

Question

I have a translucent 3D box (point-3d symbol object).

And put a ship (another point-3d symbol object) in it.

But only the ship is displayed, the label is not.

Is there a way to show the label in box?

my code:

https://codepen.io/llllllllc/pen/yLKwgaP?editors=1000

Web page screen:

PeterDimitrov1 · Accepted Answer

Hello LeoChen5566,

The labeled point feature (boat) is inside the box - therefore the label is obstructed by the box and is being removed.
I believe this to be the default behavior for labeling in 3D scenes in JS.

In contrast, if you were working with a 2D Map instead and had a similar case where a feature interior was overlapping the label of another feature, therefore causing it to disappear, this could be mitigated by setting the Deconfliction Strategy to None on that label class.

Unfortunately however, this is not yet supported for 3D scenes in JS.

Kind Regards,
Peter Dimitrov