Display a LOD2-3 building model based on point cloud data on a map.

Use the MapTiler 3D JS module to display the wireframe of a LOD2-3 building 3D model based on point cloud data on a map. Thanks to the 3D JS module we can view the model wireframe or the solid model.

This demonstration show a compact control interface that allows to modify diferent model parameters and observe their immediate impact on the model’s behavior.

The model used in this example is “Building F, AGU Sagamihara Campus (LOD2-3)” by ibukilego is licensed under Creative Commons Attribution.

Related examples

Add a plane 3D model

Example

Use the MapTiler 3D JS module to add a airplane model to the 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.

3D terrain map

Example

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

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.