Add a stretchable image to the map

Use a stretchable image as a background for text. Stretchable images allow some parts of the image to stretch while keeping other parts, such as corners, at a constant size. Set the layout property 'icon-text-fit': 'both' to use the image as background for the text.







  

      
        
          
          Icon image URL inside a rich text format label
        
        
Icon image URL inside a rich text format label

        Example
        
Use the Formatted type to display a rich text labels with texts and icons from images URL.

      
    
   
  

      
        
          
          Display and style rich text labels
        
        
Display and style rich text labels

        Example
        
Use the format expression to display country labels in both English and in the local language.

      
    
   
  

      
        
          
          Variable label placement
        
        
Variable label placement

        Example
        
Use text-variable-anchor to allow high priority labels to shift position to stay on the map.

      
    
   
  



      
      

      
        An extension of MapLibre GL JS
       
      

      
    

    

        


  
    
  





        
        

        
          
            
          
        
          
            
          
        
          
             
            

                
                  
Module Usage

                  
                
            

            
          
        
          
             
            

                
                  
Module Reference