mapbox_3dtiles_samples

Demo’s MapBox GL JS v3

In MapBox GL JS v3 beta functionality 3D model support is added to the standard library.

Some demo’s with it:

1] Load glTF model

https://bertt.github.io/mapbox_3dtiles_samples/samples/standard/3dmodel/

image

2] 170K trees

https://bertt.github.io/mapbox_3dtiles_samples/samples/standard/trees/

image

3] Batched models

https://bertt.github.io/mapbox_3dtiles_samples/samples/standard/b3dm_working/

image

4] Custom GLB at Dam square

https://bertt.github.io/mapbox_3dtiles_samples/samples/standard/dam_square/

Screenshot 2024-02-27 103820

5] Delaware buildings

https://bertt.github.io/mapbox_3dtiles_samples/samples/standard/delaware/

image

6] Tienhoven Dutch 3D bag

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

image

7] Tiles on multiple levels 15,16,17

https://bertt.github.io/mapbox_3dtiles_samples/samples/standard/multiple_levels

Screenshot 2024-03-11 144053

Classic Demo’s using Mapbox3DTiles.js

Repository with some samples of 3D Tiles in a MapBox viewer.

In these demo https://github.com/Geodan/mapbox-3dtiles is used for handling the 3D tiles.

1] LOD’s demo

Demo MapBox GL JS + 3D Tiles Level of detail. Different glTF models are visualized for far/nearby.

https://bertt.github.io/mapbox_3dtiles_samples/samples/lods

2] Demo MapBox GL JS + referencing external tilesets

https://bertt.github.io/mapbox_3dtiles_samples/samples/external

Two tilesets are displayed in 1 layer using ‘external tileset’ technique.

3] Demo MapBox GL JS + 3D tiles with glTF SpecularGlossiness shader

https://bertt.github.io/mapbox_3dtiles_samples/samples/shaders

4] Demo MapBox GL JS + client side lighting examples (ambient, hemisphere, directional)

https://bertt.github.io/mapbox_3dtiles_samples/samples/lighting

5] Demo MapBox GL JS + placement b3dm’s (house models converted from IFC)

https://bertt.github.io/mapbox_3dtiles_samples/samples/b3dm

6] Demo MapBox GL JS + composite tiles (cmpt)

https://bertt.github.io/mapbox_3dtiles_samples/samples/composite

Composite tiles contains two instanced models.

7] Demo MapBox GL JS + instanced 3D Tiles (i3dm)

https://bertt.github.io/mapbox_3dtiles_samples/samples/instanced

Instanced models with random scale/rotation and batch info


Not working demo’s:

Note: Visualizing glTF animations is not working yet :-(

https://bertt.github.io/mapbox_3dtiles_samples/samples/animations

Note: Visualizing 3D Tiles with Draco compression is not working yet :-(

https://bertt.github.io/mapbox_3dtiles_samples/samples/draco.html