3D objects on MapTiler maps

Get it from npm registry
View source code on GitHub

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

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

Related examples

3D model pitch and roll

Example

Rotate 3D models using pitch and roll properties.

3D model pitch

Example

Rotate 3D models by setting the pitch tilt property.

3D model position relative

Example

Position 3D models relative to other models or coordinates.

3D model roll

Example

Rotate 3D models by setting the roll property.

3D models intersections

Example

Detect intersections between 3D models using MapTiler JS module.

Add a 3D model on a map

Example

Add 3D glTF models to maps using MapTiler SDK.

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

Example

Integrate 3D models into your interactive globe map surface.

Add a plane 3D model

Example

Add and position flying 3D airplane models on maps.

3D model events

Example

Listen for mouse events on 3D models in maps.

Add multiple 3D models

Example

Incorporate multiple 3D models with adjustable parameters on maps.

Animate a 3D plane flight

Example

Simulate and animate a 3D plane flight between cities.

Animate a 3D plane flight in a globe

Example

Animate airplane flight paths using 3D models on globe.

Animate routes dynamic camera

Example

Animate multidimensional routes with a dynamic camera that follows the journey in real-time.

Animation with 3D Module

Example

Animates a 3D model (UFO) around the Burj Khalifa using MaptilerAnimation and the 3D module.

Display a 3D photogrammetry building model

Example

Show 3D photogrammetry building models using MapTiler 3D module.

Display a LIDAR data 3D city model

Example

Render LIDAR-based 3D city models on interactive maps.

Display a building model

Example

Display wireframe 3D building models from point cloud data.

Display a point cloud 3D building model

Example

Display point cloud 3D building models on interactive maps.

Animate a 3D model

Example

Animate 3D models and display them on a map.

Play GLTF animations

Example

Play animations in GLTF models simulating a plane flight.

Interactive 3D building components

Example

Explore a dynamic 3D urban environment where buildings come to life