visualizing a geo-referenced 3d model using threejs

[boraerden]

I am having issues visualizing a geo-referenced 3d model using a threejs custom layer. Hoping someone can lend a helping hand :)

I created a dummy .obj file that contains 6 vertices (outlining an island in Paris and creating an extruded shape) in EPSG:32631 WGS 84 / UTM zone 31N.

Here is a similar dummy .obj file closer to world origin for debugging purposes.

The desired outcome is something like this:

But in effect, nothing is showing up at that location.

I created a codepen for ease of debugging.

Any help would be appreciated!

Originally posted by @boraerden in https://github.com/mapbox/mapbox-gl-js/issues/10392#issuecomment-1011504940