3D objects on MapTiler maps

With the MapTiler SDK 3D JS module, you can add 3D objects to your basemap with plenty of customizations from glTF/glb files! These can be meshes, groups of meshes, point clouds, or a mix of all these.

Get started

Check out the Add a 3D model on a map example.

API Reference

The reference documents every object and method available. Each section describes classes or objects as well as their properties, parameters, methods, and associated events. Many sections also include inline code examples and related resources.

The main class in the MapTiler 3D JS module is the Layer3D class

COLLADA duck One texture Credit: © 2006, Sony. SCEA Shared Source License, Version 1.0 ↩

Related examples

Add a 3D model on a map

Add a 3D model on a map

Example

Use the MapTiler 3D JS module to add a 3D model to the map.
Add a 3D model to globe using MapTiler 3D JS

Add a 3D model to globe using MapTiler 3D JS

Example

Add a 3D model to globe using MapTiler 3D JS module.
Add a airplane 3D model

Add a plane 3D model

Example

Use the MapTiler 3D JS module to add a airplane model to the map.
Add events on 3D models

3D model events

Example

Use the MapTiler 3D JS module to linsten for mouse events on 3D models.
Add multiple 3D models to the map

Add multiple 3D models

Example

Use the MapTiler 3D JS module to add multiple 3D models to the map.
Animate a 3D plane flight

Animate a 3D plane flight

Example

Use the MapTiler 3D JS module to simulate and animate a plane flight between two cities.
Animate a 3D plane flight in a globe using MapTiler 3D JS

Animate a 3D plane flight in a globe

Example

This example shows how to simulate and animate a airplane flight in a globe using MapTiler 3D JS module.
Display a 3D building model generated with photogrammetry software

Display a 3D photogrammetry building model

Example

Use the MapTiler 3D JS module to display a 3D building model generated with photogrammetry software processing thousands images on a map.
Display a LIDAR data 3D city model

Display a LIDAR data 3D city model

Example

Use the MapTiler 3D JS module to display a LIDAR data 3D city model on a map.
Display a building model based on point cloud data on a map.

Display a building model

Example

Use the MapTiler 3D JS module to display the wireframe of a building 3D model based on point cloud data on a map.
Display a point cloud 3D building model on a map.

Display a point cloud 3D building model

Example

Use the MapTiler 3D JS module to display a point cloud 3D building model on a map.
Display an animated 3D model

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
Import and play GLTF animations from GLTF files

Play GLTF animations

Example

Use the MapTiler 3D JS module to play animations in a GLTF model and move the models to simulate a flight over the map.