Deck.gl with MapTiler maps

Deck.gl is a framework powered by WebGL for visual exploratory data analysis of large datasets.

Within Deck.gl, you have the option to incorporate MapTiler maps either as vector tiles through the MVTLayer or as raster tiles using the TileLayer. This flexibility allows you to seamlessly integrate your MapTiler maps into Deck.gl, enhancing your data exploration capabilities.

Get started

This is the easiest and fastest way to use your MapTiler maps in Deck.gl. How to use Vector Tiles in Deck.gl

Deck.gl allows a great diversification of visualizations. Like the one shown in the following example, where the ArcLayer is used to represent raised arcs linking source and destination coordinate pairs from a GeoJSON. Simply use the code below the map.

^{Hold down the shift key to rotate the map}

Replace YOUR_MAPTILER_API_KEY_HERE with your actual MapTiler API key.

Learn more

Related examples

Get Started

Example

Get Started with Deck.gl JavaScript library: Learn how to display vector tiles in Deck.gl.

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.

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.

3D Terrain

Example

This example shows how to create a 3D map in Deck.gl. By utilizing MapTiler's RGB terrain, you can enhance your maps by incorporating a realistic 3D terrain layer.