Add a 3D model

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







  

      
        
          
          Add a 3D model with babylon.js
        
        
Add a 3D model with babylon.js

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

      
    
   
  

      
        
          
          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.

      
    
   
  

      
        
          
          Display buildings in 3D
        
        
Display buildings in 3D

        Example
        
Use extrusions to display buildings' height in 3D.

      
    
   
  

      
        
          
          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.

      
    
   
  



      
      

      
        An extension of MapLibre GL JS
       
      

      
    

    

        


  
    
  





        
        

        
          
            
          
        
          
            
          
        
          
             
            

                
                  
Module Usage

                  
                
            

            
          
        
          
             
            

                
                  
Module Reference