A threejs model added to the globe projects weirdly when zooming in too much

[RSunku]

maplibre-gl-js version: 5.2.0

browser: Chrome

Link to Demonstration

Just using the example from the docs: https://maplibre.org/maplibre-gl-js/docs/examples/globe-3d-model/

Expected Behavior

When a threejs model is added to the globe using the method from the docs, it should be accurately be depicted on the globe regardless of the zoom level of the map. i.e. there should be no visible changes to the threejs model even when the globe switches to using the mercator projection at zoom level 12.

Actual Behavior

The projection of the model looks extremely weird when zoomed in too much.

Screen.Recording.2025-03-13.at.10.25.13.AM.mov

[HarelM]

This is probably due to the transition between mercator and globe which used to be time bounded but now are not.
Cc: @kubapelc.

[kubapelc]

Hi, I believe this is just a consequence of mercator view using much smaller projection's far Z value than globe, which leads to the model's geometry getting clipped in weird ways. If this behaviour is a problem for your usecase, you can force different near and far Z values using the map.transform.overrideNearFarZ() method.

[RSunku]

Thanks for the reply! Another thing I noticed (not too sure if it's related to the near and far Z planes) is that whenever the projection is changed from a globe to mercator, the model seems to always seem to have a lower depth than the Earth (i.e. closer to the camera) even if part of it is under the map.

You can kind of see it in this video, where the height of the base of this model seems to be increasing, but I believe that it was originally (correctly) being clipped under the Earth in the globe view, but that isn't happening in the mercator projection.

Screen.Recording.2025-03-18.at.11.50.48.AM.mov