Add custom icons with markers

Enhance your map by incorporating personalized icons using the Marker feature. This functionality allows you to include custom icons that align with your specific preferences.




Related examples




  
  
  
    

      
        
          
          Add an icon to the map
        
        
Add an icon to the map

        Example
        
Add an icon to the map from an external URL and use it in a symbol layer.

      
    

    

      
        
          
          How to add a custom icon (PNG) to a point layer
        
        
Add custom icon (PNG) to a point layer

        Example
        
This example shows how to make a map with pins to display a point layer from a MapTiler Cloud Tileset using a custom PNG icon.

      
    

    

      
        
          
          How to add a custom icon (SVG) to a point layer
        
        
Add custom icon (SVG) to a point layer

        Example
        
This example shows how to make a map with pins to display a point layer from a MapTiler Cloud Tileset using a custom SVG icon.

      
    

  
  
    

      
        
          
          Show point data from GeoJSON on the map
        
        
GeoJSON point layer

        Example
        
This tutorial shows how to add a GeoJSON point overlay to the map.

      
    




      
      

      
        An extension of MapLibre GL JS