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.