Add a 3D model with three.js

To incorporate a 3D model into the map, employ a custom style layer in conjunction with three.js.

Related examples

Add a 3D model with babylon.js

Example

Use a custom style layer with babylon.js to add a 3D model to the map.

Start with AR maps

Example

Getting started with AR maps: The Augmented reality (AR) control adds a button on your map to create a 3D model of the viewport, including 3D terrain and any layer you have put on top. Compatible with WebXR or Apple Quick Look.

Display buildings in 3D

Example

Use extrusions to display buildings' height in 3D.

3D terrain map

Example

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