mapbox / mapbox/mapbox-gl-js

visualizing a geo-referenced 3d model using threejs

Open
#11,417 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

auto-triaged needs information :pray:
Dominant language
TypeScript
Stars
12.4k
Forks
2.4k
PR merge metrics
No merged PRs in 30d

Description

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:
desired outcome

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

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the linked CodePen and compare the two referenced OBJ files, especially their EPSG:32631 coordinates and proximity to the world origin. Reproduce the missing model at the intended Paris location and determine what prevents the desired visualization from appearing.

Written by the indexing model from the issue text.

Assessment

Tech stack
three.js
Domain
computer-graphics, web-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.