3D (Geo) Map (with building) "background"-layer

[gdillen]

Hello,

I would like using BabylonJS for visualising digital twin information.
Since my use case is geo-based, I would like having a 3D-Map (eventually with building info) as the “background”-layer.
Its’ not clear to me if I, e.g., by using Blender, need to export a subset from a map and use that in BJS?
Or, can I “link” to e.g., Mapbox or other to have access to a “complete” map?
Any pointers into the direction of using a 3D-Map (eventually with building info) with BJS would be more than welcome.

Thanks.

[Evgeni_Popov]

Welcome aboard!

This thread should help regarding integrating mapbox with Babylon.js:

Babylon in Mapbox Layer

I would like to make the same as this example with Three.js but with a Babylon renderer instead :p… It works but I think BABYLON is still handling touch events (scrolling zoom works) : [Edit BABYLON] (I can’t make a Playground because 3D context is provided by mapbox) onAdd: function(map, gl) { this.engine = new BABYLON.Engine(gl, true, { doNotHandleTouchAction : true, preserveDrawingBuffer : true, }); this.scene = this._c…

And:

Incorrect rendering of model geometry after changing the position on the map (mapbox + babylon.js)

Thanks for your reply! I’m not really sure how i can reduce these numbers, because it is a real world coordinates. I convert geo coordinates into the projected mercator coordinate with mapboxgl.MercatorCoordinate.fromLngLat and then calculate the position of each 3D model relative to the original coordinates. The same i did using Three js and didn’t face with such issue… Anyway, i found other solution that fixed this issue for me. I recalculate projection matrix and position for drone on eac…