Style a GeoJSON Line layer (polyline helper)

This example demonstrates the process of incorporating and customizing a GeoJSON line layer on the map by utilizing the polyline layer helper. In this specific case, we will generate a line that is purple and has a border in gray. You can access the sample data by downloading the Blue Hills sample data.




Related examples




  
  
  
    

      
        
          
          Line layer (polyline helper)
        
        
Line layer (polyline helper)

        Example
        
This example shows how to add a line layer to the map using the polyline layer helper.

      
    

  
  
    

      
        
          
          Line dash pattern symbol (polyline helper)
        
        
Line dash pattern symbol (polyline helper)

        Example
        
This example shows how to add a line layer with a dash pattern symbol to the map using the polyline layer helper.

      
    

    

      
        
          
          Show line data from GeoJSON on the map
        
        
GeoJSON line layer

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

      
    

  
  
    

      
        
          
          Line outline glow blur symbol (polyline helper)
        
        
Line outline glow blur symbol (polyline helper)

        Example
        
This example shows how to add a line layer with an outline glow blur symbol to the map using the polyline layer helper.

      
    




      
      

      
        An extension of MapLibre GL JS