> For the complete documentation index, see [llms.txt](https://docs.mapbox.com/mapbox-gl-js/ja/llms.txt)
# Add 3D model with source-driven interactions
This example illustrates a source-driven method for overriding the materials and orientation of model parts using [`model`](https://docs.mapbox.com/style-spec/reference/layers/#model) layer and [`model-source`](https://docs.mapbox.com/style-spec/reference/sources/#model).
To control material properties and model part orientations, the model source is updated directly using [`setModels`](https://docs.mapbox.com/mapbox-gl-js/ja/api/sources/#modelsource#setmodels). This approach is efficient, particularly for bulk updates.
> **Related content (example): [Add 3D model with style-driven interactions](https://docs.mapbox.com/mapbox-gl-js/ja/example/add-3d-model-with-interactions-style-driven/)**
>
> For an alternative method that declares model overrides using expressions directly in the style, see this example.
> Example code:
**JavaScript**
```html
Add 3D model with source-driven interactions
```