Marker flies off in the distance when chaning view angles

[jashanbhullar]

maplibre-gl-js version: latest/main branch

browser: Mozilla Firefox 114.0 20230605223242 20230605223242

Steps to Trigger Behavior

1.On your local branch npm start
2.Open 3d-Terrain.html
3.Add the following marker

        const marker = new maplibregl.Marker()
            .setLngLat([11.39067, 47.305513])
            .addTo(map);

4. Change the angle so are somewhat looking at horizon
5. The marker flies off to the horizon
6. Comes back when looking at more perpendicular view angle

Link to Demonstration

https://output.jsbin.com/vatekax#11.9/47.28354/11.40553/0/52
https://jsbin.com/vatekax/2/edit?html,output

Expected Behavior

The marker should not fly off but should remain at the same place

Actual Behavior

The marker flies off to some random distance

marker-flies-off-low.webm

Found when working on this: #1134
Might be related

[HarelM]

@sbachinin let me know if you would like to collect the bounty.

[sbachinin]

@HarelM, yes

[HarelM]

Make sure to follow this guide:
https://maplibre.org/roadmap/step-by-step-bounties-guide/

[sbachinin]

https://opencollective.com/maplibre/expenses/191778

[HarelM]

THANKS!
FYI @wipfli.