Add 3D model with style-driven interactions

> For the complete documentation index, see [llms.txt](https://docs.mapbox.com/mapbox-gl-js/llms.txt) # Add 3D model with style-driven interactions This example illustrates a style-driven method for overriding the materials and orientation of model parts using the [`model`](https://docs.mapbox.com/style-spec/reference/layers/#model) layer and [`model-source`](https://docs.mapbox.com/style-spec/reference/sources/#model). The style-driven approach allows using the expression system, to control material properties and model part orientations from [`feature states`](https://docs.mapbox.com/mapbox-gl-js/api/map/#map#setfeaturestate). > **Related content (example): [Add 3D model with source-driven interactions](https://docs.mapbox.com/mapbox-gl-js/example/add-3d-model-with-interactions-source-driven/)** > > For an alternative method that updates the model source directly and efficiently, see this example. > Example code: **JavaScript** ```html Add 3D model with style-driven interactions

```