Announcement: New basemap styling is coming soon to Google Maps Platform. This update to map styling includes a new default color palette, modernized pins, and improvements to map experiences and usability. All map styles will be automatically updated in March 2025. For more information on availability and how to opt in earlier, see New map style for Google Maps Platform.
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.
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:
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2025-01-29 UTC."],[[["Deck.gl is a WebGL-powered visualization framework offering diverse 2D and 3D data visualizations, easily integrated with the Maps JavaScript API using its `GoogleMapsOverlay` class."],["It supports various data sources and formats, enabling composite visualizations by layering multiple visualization types on the map, best utilized with the vector map for leveraging WebGL's 3D capabilities."],["Deck.gl can be integrated using a script tag or installed as modules from NPM, with detailed guidance available in the deck.gl documentation."],["Numerous 2D and 3D visualization options are provided by Deck.gl, optimized for different data types, as showcased in the Layer Catalog on the deck.gl website."],["Examples demonstrate the integration of Deck.gl and the Maps JavaScript API, including ArcLayer, Trips Layer, and ScatterPlot visualizations."]]],[]]
