How to display a GeoJSON in Deck.gl and Maplibre GL JS

This example illustrates the process of showcasing a GeoJSON layer in Deck.gl. In this particular instance, we utilize an arc layer to visually represent the connections between the various features of the GeoJSON layer. Simply implement the provided code beneath the map to achieve this visualization.

Hold down the shift key to rotate the map




Replace YOUR_MAPTILER_API_KEY_HERE with your actual MapTiler API key.



Related examples




  
  
  
    

      
        
          
          How to display a Deck.gl layers in MapTiler SDK JS
        
        
Interleaved

        Example
        
This example shows how to use Deck.gl layers in a MapTiler SDK JS map. This example shows how to display a Deck.gl GeoJSON layer, along with an Deck.gl arc layer on top of your MapTiler maps.