visualizing a geo-referenced 3d model using threejs
Nobody has claimed this yet.
- 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:

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
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- 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