While deck.gl works independently without any map component, when visualizing geospatial datasets, a base map can offer invaluable context for understanding the overlay layers.
deck.gl has been designed to work in tandem with popular JavaScript base map providers. Depending on your tech stack, deck.gl's support for a particular base map solution may come with different level of compatibility and limitations.
There are two types of integration between deck.gl and a base map renderer:
Library | Pure JS | React | Overlaid | Interleaved | Docs |
---|---|---|---|---|---|
ArcGIS API for JavaScript | ✓ | ✓ | example | link | |
Google Maps JavaScript API | ✓ | ✓ | example | example | link |
harp.gl | ✓ | example | |||
Leaflet | ✓ | example | |||
Mapbox GL JS | ✓ | ✓ | example | example | link |
MapLibre GL JS | ✓ | ✓ | example | example | link |
It is also important to understand the difference between the JS library that renders the map and the map data provider. For example, you can use Mapbox GL JS with the Mapbox service, but also with any other service that hosts Mapbox Vector Tiles. When using a base map, be sure to follow the terms and conditions, as well as the attribution requirements of both the JS library and the data provider.