How can i use three.js model in Mapbox

Questions
,
1

Hi there,
I want to add my 3D model in Mapbox, but as default, we can add our 3D model with .gtlf format file, but I have a .obj and .mtl files. is Possible to do that?

2

Have you considered to convert your OBJ/MTL files to glTF via:

3

Hi Mugen,

Yes, I did, but when I import the model into Mapbox, the 3D model is different!

3D Model :

ScreenshotHaus
ScreenshotHaus960×540 74.8 KB

3D Model in Mapbox :

map
map1813×868 109 KB

4

But the model does look good if you add it for example in the following three.js based viewer?

https://gltf-viewer.donmccurdy.com/

5

But I don’t know why it’s not displayed correctly on the map.

6

Any chances to provide a live demo demonstrating the issue?

7

I could not upload the files, but you can see my codes :

The codes are inside the HTML file.