# \#mapbox

**URL:** https://discourse.threejs.org/tag/mapbox/816.md

[Latest](https://discourse.threejs.org/latest.md) · [Categories](https://discourse.threejs.org/categories.md) · [Tags](https://discourse.threejs.org/tags.md)

---

## [Senior Three.js Developer – 3D Navigation Web App](https://discourse.threejs.org/t/senior-three-js-developer-3d-navigation-web-app/91125)

<div class="topic-metadata">

**Author:** [@Ihor](https://discourse.threejs.org/u/Ihor)\
**Replies:** 1\
**Last updated:** [April 27, 2026, 5:51pm UTC](https://discourse.threejs.org/t/senior-three-js-developer-3d-navigation-web-app/91125 "2026-04-27T17:51:09Z")

</div>

Description: We are building a web-based 3D navigation app similar to Apple Maps. The app will render roads, tunnels, bridges, and pedestrian paths in 3D using Three.js. All paths will follow real-world terrain, and veh…

---

## [Mabox buildings to three.js scene](https://discourse.threejs.org/t/mabox-buildings-to-three-js-scene/28516)

<div class="topic-metadata">

**Author:** [@Sofmal](https://discourse.threejs.org/u/Sofmal)\
**Replies:** 1\
**Last updated:** [December 28, 2025, 3:14am UTC](https://discourse.threejs.org/t/mabox-buildings-to-three-js-scene/28516 "2025-12-28T03:14:42Z")

</div>

I am using mapbox and three js in a project where I would like to: Query the geometry of buildings within a given distance from a position. (All buildings in the same layer within a given radius) convert these geometri…

---

## [How to render Mapbox buildings](https://discourse.threejs.org/t/how-to-render-mapbox-buildings/82829)

<div class="topic-metadata">

**Author:** [@laperen](https://discourse.threejs.org/u/laperen)\
**Replies:** 4\
**Last updated:** [May 20, 2025, 12:04am UTC](https://discourse.threejs.org/t/how-to-render-mapbox-buildings/82829 "2025-05-20T00:04:50Z")

</div>

First off, sorry if the answer is supposed to be obvious, I genuinely have no idea where to find the information on this. I want to be able to pick my lat, long, and zoom level, and get a 3d map and buildings as meshes …

---

## [How to extract camera coordinates in Three.js space from projectionMatrix calculated from Mapbox](https://discourse.threejs.org/t/how-to-extract-camera-coordinates-in-three-js-space-from-projectionmatrix-calculated-from-mapbox/74874)

<div class="topic-metadata">

**Author:** [@hamu\_shotaro](https://discourse.threejs.org/u/hamu_shotaro)\
**Replies:** 0\
**Last updated:** [December 6, 2024, 10:11am UTC](https://discourse.threejs.org/t/how-to-extract-camera-coordinates-in-three-js-space-from-projectionmatrix-calculated-from-mapbox/74874 "2024-12-06T10:11:39Z")

</div>

I want to extract the camera coordinates in Three.js space from the projectionMatrix calculated from Mapbox. The following is the calculation process to calculate projectionMatrix in a custom layer. const modelOrigin =…

---

## [Extruded geometry shaking or flickering during zooming and orbiting](https://discourse.threejs.org/t/extruded-geometry-shaking-or-flickering-during-zooming-and-orbiting/70287)

<div class="topic-metadata">

**Author:** [@avf\_eby](https://discourse.threejs.org/u/avf_eby)\
**Replies:** 1\
**Last updated:** [September 4, 2024, 2:21pm UTC](https://discourse.threejs.org/t/extruded-geometry-shaking-or-flickering-during-zooming-and-orbiting/70287 "2024-09-04T14:21:10Z")

</div>

Hi, I’m new to Three.js and wanted to thank this forum for all the help so far. I’m currently working on a test project using Mapbox as a background. I’ve created some extruded geometry, but since its units don’t match …

---

## [Coordinate issue with Threejs + mapbox. It should be an easy task, but I can't](https://discourse.threejs.org/t/coordinate-issue-with-threejs-mapbox-it-should-be-an-easy-task-but-i-cant/60650)

<div class="topic-metadata">

**Author:** [@Federico\_Marcantognini](https://discourse.threejs.org/u/Federico_Marcantognini)\
**Replies:** 2\
**Last updated:** [January 24, 2024, 7:10am UTC](https://discourse.threejs.org/t/coordinate-issue-with-threejs-mapbox-it-should-be-an-easy-task-but-i-cant/60650 "2024-01-24T07:10:36Z")

</div>

I am struggling with the position of multiple boxgeometry instances with instancedMesh on a mapbox/maplibre map. Goal: Adding several geometry instances each with specific xyz or lat-long coordinates (I have both coordi…

---

## [The projectionMatrix seems to have caused a loss of accuracy](https://discourse.threejs.org/t/the-projectionmatrix-seems-to-have-caused-a-loss-of-accuracy/58455)

<div class="topic-metadata">

**Author:** [@xiaxiangfeng](https://discourse.threejs.org/u/xiaxiangfeng)\
**Replies:** 7\
**Last updated:** [November 23, 2023, 5:51am UTC](https://discourse.threejs.org/t/the-projectionmatrix-seems-to-have-caused-a-loss-of-accuracy/58455 "2023-11-23T05:51:55Z")

</div>

Description After adding the mesh of the gltf model to THREE.InstancedMesh, I modified the scaling, and the rendered effect seems to have lost some vertices Reproduction steps Adding custom layers using mapboxgl Load t…

---

## [Adding a model using THREE InstancedMesh in mapboxgl, losing vertices after modifying and scaling](https://discourse.threejs.org/t/adding-a-model-using-three-instancedmesh-in-mapboxgl-losing-vertices-after-modifying-and-scaling/58228)

<div class="topic-metadata">

**Author:** [@xiaxiangfeng](https://discourse.threejs.org/u/xiaxiangfeng)\
**Replies:** 9\
**Last updated:** [November 22, 2023, 11:35am UTC](https://discourse.threejs.org/t/adding-a-model-using-three-instancedmesh-in-mapboxgl-losing-vertices-after-modifying-and-scaling/58228 "2023-11-22T11:35:32Z")

</div>

Description After adding the mesh of the gltf model to THREE.InstancedMesh, I modified the scaling, and the rendered effect seems to have lost some vertices Reproduction steps Adding custom layers using mapboxgl Load t…

---

## [Strange model behavior when using InstancedMesh with CameraSync (threebox)](https://discourse.threejs.org/t/strange-model-behavior-when-using-instancedmesh-with-camerasync-threebox/22805)

<div class="topic-metadata">

**Author:** [@mlkf\_00](https://discourse.threejs.org/u/mlkf_00)\
**Replies:** 5\
**Last updated:** [November 17, 2023, 10:47am UTC](https://discourse.threejs.org/t/strange-model-behavior-when-using-instancedmesh-with-camerasync-threebox/22805 "2023-11-17T10:47:12Z")

</div>

I have a mapbox and CameraSync (https://github.com/peterqliu/threebox/blob/6e6a1ae3878c8557c20eb56ada53af843222f390/src/Camera/CameraSync.js) to sync the map with the models. I need to display a large number of similar …

---

## [How to work with THREE.Sprite in Mapbox](https://discourse.threejs.org/t/how-to-work-with-three-sprite-in-mapbox/52284)

<div class="topic-metadata">

**Author:** [@Rodion\_Nikolaev](https://discourse.threejs.org/u/Rodion_Nikolaev)\
**Replies:** 1\
**Last updated:** [June 3, 2023, 10:37am UTC](https://discourse.threejs.org/t/how-to-work-with-three-sprite-in-mapbox/52284 "2023-06-03T10:37:28Z")

</div>

When I use THREE.Sprite with mapbox the sprite is always horizontal and the sizeAttenuation property is not working for scale. I understand that sprite position depends on camera projection which depends on the mapbo…

---

## [Working with threejs and Mapbox GL](https://discourse.threejs.org/t/working-with-threejs-and-mapbox-gl/49767)

<div class="topic-metadata">

**Author:** [@eAmurrio](https://discourse.threejs.org/u/eAmurrio)\
**Replies:** 5\
**Last updated:** [April 4, 2023, 12:21am UTC](https://discourse.threejs.org/t/working-with-threejs-and-mapbox-gl/49767 "2023-04-04T00:21:33Z")

</div>

Hi, wanted to ask what is the best way to combine Mapbox GL with threejs. I’m developing in threejs some CAD tools, basically dragging and resizing with the mouse some polyhedrons. As possible approaches, I wonder mysel…

---

## [Line2 and MapLibre projection](https://discourse.threejs.org/t/line2-and-maplibre-projection/49639)

<div class="topic-metadata">

**Author:** [@zeroFire](https://discourse.threejs.org/u/zeroFire)\
**Replies:** 6\
**Last updated:** [March 28, 2023, 2:14am UTC](https://discourse.threejs.org/t/line2-and-maplibre-projection/49639 "2023-03-28T02:14:40Z")

</div>

Using this maplibre example, Add a 3D model with three.js | MapLibre GL JS Docs | MapLibre and these three.js examples, three.js/examples/jsm/lines at master · mrdoob/three.js · GitHub -Updated with newer codepen- Lin…

---

## [Need help loading a .GLTF](https://discourse.threejs.org/t/need-help-loading-a-gltf/47229)

<div class="topic-metadata">

**Author:** [@Just4Fun](https://discourse.threejs.org/u/Just4Fun)\
**Replies:** 1\
**Last updated:** [January 24, 2023, 9:41am UTC](https://discourse.threejs.org/t/need-help-loading-a-gltf/47229 "2023-01-24T09:41:11Z")

</div>

Hi, I am working on a school thesis project and need to load a .gltf into a web map. I was using this tutorial for three.js on doing that: Add a 3D model | Mapbox GL JS | Mapbox. The code in this tutorial works just fin…

---

## [Failed attempt to replicate Threebox CameraSync](https://discourse.threejs.org/t/failed-attempt-to-replicate-threebox-camerasync/40254)

<div class="topic-metadata">

**Author:** [@mysterybear](https://discourse.threejs.org/u/mysterybear)\
**Replies:** 1\
**Last updated:** [July 12, 2022, 12:52pm UTC](https://discourse.threejs.org/t/failed-attempt-to-replicate-threebox-camerasync/40254 "2022-07-12T12:52:46Z")

</div>

Hello Three.js world, Maybe you’ve heard of Threebox (also this fork). We have a need to basically do this on our project, however our application is so far built on @react-three/fiber and other libraries e.g. @use-ges…

---

## [Weird vr scene with mapbox](https://discourse.threejs.org/t/weird-vr-scene-with-mapbox/39784)

<div class="topic-metadata">

**Author:** [@skywalkershen](https://discourse.threejs.org/u/skywalkershen)\
**Replies:** 0\
**Last updated:** [June 29, 2022, 10:15am UTC](https://discourse.threejs.org/t/weird-vr-scene-with-mapbox/39784 "2022-06-29T10:15:31Z")

</div>

Hi, I’m experiencing issue with weird render result in immersive-vr session. Hope someone can help me with it, thanks in advance. What I’m trying to do: I’m trying to create a mixed scene with mapbox-gl and three, and t…

---

## [Load multiple 3D models in different coordinate into map](https://discourse.threejs.org/t/load-multiple-3d-models-in-different-coordinate-into-map/38482)

<div class="topic-metadata">

**Author:** [@Takieddinex](https://discourse.threejs.org/u/Takieddinex)\
**Replies:** 0\
**Last updated:** [May 24, 2022, 1:42pm UTC](https://discourse.threejs.org/t/load-multiple-3d-models-in-different-coordinate-into-map/38482 "2022-05-24T13:42:51Z")

</div>

I load multiple 3D models into my map except that they all go to the first position I set, whereas I want to spread them over several coordinates I need to enter var modelOrigin = \[4.8499, 45.7770\]; …

---

## [cameraPosition not updating when panning Mapbox map - or how to use OrbitControls in Mapbox?](https://discourse.threejs.org/t/cameraposition-not-updating-when-panning-mapbox-map-or-how-to-use-orbitcontrols-in-mapbox/34126)

<div class="topic-metadata">

**Author:** [@DTMR](https://discourse.threejs.org/u/DTMR)\
**Replies:** 0\
**Last updated:** [January 26, 2022, 4:43pm UTC](https://discourse.threejs.org/t/cameraposition-not-updating-when-panning-mapbox-map-or-how-to-use-orbitcontrols-in-mapbox/34126 "2022-01-26T16:43:49Z")

</div>

Hello threejs community! I am not sure if this is the right place to ask this - I also added a question on Stackoverflow here, so if that is a better place, please remove this post here. I am using ThreeJs to add a THR…

---

## [Question about Mapbox-gl +Three.js interaction](https://discourse.threejs.org/t/question-about-mapbox-gl-three-js-interaction/33179)

<div class="topic-metadata">

**Author:** [@Equilibrium](https://discourse.threejs.org/u/Equilibrium)\
**Replies:** 0\
**Last updated:** [December 31, 2021, 4:58pm UTC](https://discourse.threejs.org/t/question-about-mapbox-gl-three-js-interaction/33179 "2021-12-31T16:58:23Z")

</div>

Hello! I am trying to use Mapbox-gl and Three.js together but have one problem and two questions. The problem is that if I switch Mapbox styles with 3d model attached to it, my application crashes after several style swi…

---

## [Geo reference 3D model in mapbox three scene](https://discourse.threejs.org/t/geo-reference-3d-model-in-mapbox-three-scene/29277)

<div class="topic-metadata">

**Author:** [@Sofmal](https://discourse.threejs.org/u/Sofmal)\
**Replies:** 0\
**Last updated:** [August 25, 2021, 10:31pm UTC](https://discourse.threejs.org/t/geo-reference-3d-model-in-mapbox-three-scene/29277 "2021-08-25T22:31:00Z")

</div>

I am trying to add a 3D model to map box with correct geo location. I have created a cad model in Rhino 3D and would like to save that as a file and upload it to the correct position in map box. I can export the file in…

---

## [Loading a model on iOS with three.js and Mapbox GL](https://discourse.threejs.org/t/loading-a-model-on-ios-with-three-js-and-mapbox-gl/19796)

<div class="topic-metadata">

**Author:** [@maciekish](https://discourse.threejs.org/u/maciekish)\
**Replies:** 4\
**Last updated:** [October 15, 2020, 6:34pm UTC](https://discourse.threejs.org/t/loading-a-model-on-ios-with-three-js-and-mapbox-gl/19796 "2020-10-15T18:34:07Z")

</div>

Hi, I’m trying to load a .glb model on iOS but it’s not working. It says OES\_texture\_float\_linear not supported. Works on desktop. Am I doing something wrong or is this simply not supported on iOS? Is this a model issue …

---

## [Rendering multiple gltf 3D model in a single layer on map using mapbox gl and three js](https://discourse.threejs.org/t/rendering-multiple-gltf-3d-model-in-a-single-layer-on-map-using-mapbox-gl-and-three-js/16644)

<div class="topic-metadata">

**Author:** [@nima\_shahin](https://discourse.threejs.org/u/nima_shahin)\
**Replies:** 2\
**Last updated:** [July 11, 2020, 8:07pm UTC](https://discourse.threejs.org/t/rendering-multiple-gltf-3d-model-in-a-single-layer-on-map-using-mapbox-gl-and-three-js/16644 "2020-07-11T20:07:12Z")

</div>

I used adding 3D Model on map using mapbox gl with three.js, is there any way to add mulitple 3D gltf model in a single layer on the map?