Add a 3D model

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
        
        
Add a 3D model with babylon.js

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

      
    

    

      
        
          
          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.

      
    

  
  
    
  
  
    

      
        
          
          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