deck.gl Overlay View

View Sample

Deck.gl is a WebGL-powered visualization framework that provides a variety of easy-to-use 2D and 3D data visualizations with support for large data sets. You can add deck.gl data visualizations with the Maps JavaScript API with deck.gl’s GoogleMapsOverlay class.

Deck.gl supports multiple datasources and formats, as well as creating composite visualizations by rendering multiple visualization layers on the map.

Requirements

To use deck.gl you must use the raster or vector map provided by the Maps JavaScript API. It is highly recommended that you use the vector map so that you can take full advantage of the WebGL-powered features of Google’s basemap, including tilt, rotation, and full 3D camera control.

See the vector map overview for details.

Loading deck.gl

Deck.gl can be loaded in your web app using either a script tag, or installed as modules from Node Package Manager (NPM).

For more information, see the @deck.gl/google-maps documentation on the deck.gl website.

Adding deck.gl visualizations to the map

Deck.gl visualizations are added to the map by creating an instance of the GoogleMapsOverlay class provided by deck.gl.

For more information, see the GoogleMapsOverlay documentation on the deck.gl website.

Available visualizations

Deck.gl provides many different 2D and 3D visualizations that are optimized for displaying different types of data. For a complete list, see the Layer Catalog on the deck.gl website.

Examples

See more examples of deck.gl and Maps JavaScript API in action: