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

This example shows how to use Deck.gl layers within a MapTiler SDK JS map. The purpose of this demonstration is to exhibit the inclusion of a Deck.gl GeoJSON layer and a Deck.gl arc layer on top of your MapTiler maps. Simply use the code below the map.

In this case, Deck.gl renders within the WebGL context of the underlying base map. This advantageous approach enables occlusion between the Deck.gl layers and the labels and/or 3D features of the base map.




Replace YOUR_MAPTILER_API_KEY_HERE with your actual MapTiler API key.



Learn more



Check out the Deck.gl documentation Base Maps Renderers to learn about the two types of integration between Deck.gl and a base map renderer.



Related examples




    
    
    

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

          Example
          
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.