Display a point cloud 3D building model on a map.

Use the MapTiler 3D JS module to display a point cloud 3D building model on a map. Thanks to the 3D JS module we can view the cloud point model and navidate inside the building.

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 “Hintze Hall, NHM London [point cloud]” by Thomas Flynn 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 LOD2-3 building model

Example

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.

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.