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.




Related examples




  
  
  
    

      
        
          
          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.

      
    

    

      
        
          
          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.

      
    

    

      
        
          
          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