Add 3D Tiles / batched-model support

[bertt]

In MapBox GL JS v3 there is support for 'batched-model', with this we can add glTF 2.0 models to the map (like 3D Tiles).

Demo: https://bertt.github.io/mapbox_3dtiles_samples/samples/standard/tienhoven/

Sample code:

map.addSource('bag-3d', {
        "type": "batched-model",
        "maxzoom": 15,
        "minzoom": 15,
        "tiles": [
          "https://bertt.github.io/mapbox_3dtiles_samples/samples/standard/tienhoven/content/{z}-{x}-{y}.glb"
        ]
      }
)});

// add the custom style layer to the map
map.on('style.load', () => {
  map.addLayer({
    id: 'bag-layer',
    type: 'model',
    source: 'bag-3d',          
  });

Can we have support for batched-model in MapLibre as well?

[HarelM]

We can, if someone in the community would implement this without looking at the mapbox code, as this would infringe their copyright rules. I'll be happy to review any PR in that area.

[guangbinl]

Hi,I want to know how to generate model data in {z}-{x}-{y}.glb format, and what open source free tools can be used to do this?

[tobias-brunner]

@bertt maybe you could leverage deck.gl and use its MapboxOverlay function? https://deck.gl/examples/google-3d-tiles no idea if this really works as I've never done anything with maplibre.

[vicb]

Thanks for the link @tobias-brunner ! It doesn't look like the implementation is too big - I think it's mainly tile-3d and mesh layer - it would be cool to have that available in MapLibre 🎉

[bertt]

a test with Deck.GL Tile3DLayer and TerrainLayer https://bertt.github.io/deckgl_demo/sibbe/dist/