3D objects on MapTiler maps

maptiler/maptiler-3d

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.

Model credit

Get started

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

API Reference

This 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.

Related examples

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

Example

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

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.

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

Example

This example shows how to simulate and animate a airplane flight in a globe using MapTiler 3D JS module.

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

Example

Use the MapTiler 3D JS module to display a LIDAR data 3D city model 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

Example

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