Display a 3D building model generated with photogrammetry software

Use the MapTiler 3D JS module to display a 3D building model generated with photogrammetry software processing thousands images on a map. Thanks to the 3D JS module we can view the 3D model and navidate inside the building.

This demonstration showcases a small control interface that allows to adjust various model parameters and instantly see their effects on the model’s behavior.





  
Scotland: Dundee, The McManus (5M point cloud) by Daniel Muirhead is licensed under Creative Commons Attribution ↩





Related examples




  
  
  
    

      
        
          
          Animate a 3D plane flight
        
        
Animate a 3D plane flight

        Example
        
Use the MapTiler 3D JS module to simulate and animate a plane flight between two cities.

      
    

    

      
        
          
          Display a building model based on point cloud data 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 3D terrain 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.

      
    

  
  
    
  
  
    

      
        
          
          Getting started with AR maps: Display an AR control on your maps
        
        
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.

      
    




      
      

      
        An extension of MapLibre GL JS