Add events on 3D models

Add event listeners to your 3D models to improve interaction with objects added to your maps.

This demonstration showcases how to add user interactivity to 3D models, click, doubleclick, mouseenter, mouseleave.

^{Click or move the mouse over the 3D models to get to event information}

Related examples

Animate a 3D model

Example

With animation, your 3D models take on a whole new dimension. You can bring them to life and display them on a map

Add a plane 3D model

Example

Use the MapTiler 3D JS module to add a airplane model to the map.

Add multiple 3D models

Example

Use the MapTiler 3D JS module to add multiple 3D models to the map.

3D terrain map

Example

This tutorial demonstrates how to create a 3D terrain map and display it on a web page using MapTiler.