O Deck.gl é um framework de visualização com tecnologia WebGL que oferece diversas visualizações de dados 2D e 3D fáceis de usar e com suporte a grandes conjuntos de dados. É possível adicionar visualizações de dados do deck.gl usando a API Maps JavaScript com a classe GoogleMapsOverlay do deck.gl.
O deck.gl oferece suporte a várias fontes e formatos de dados e consegue criar visualizações compostas renderizando várias camadas de visualização no mapa.
Requisitos
Para usar o deck.gl, você precisa do mapa vetorial ou rasterizado fornecido pela API Maps JavaScript. É altamente recomendável usar o mapa vetorial para aproveitar ao máximo os elementos com tecnologia WebGL do mapa básico do Google, incluindo inclinação, rotação e controle total da câmera 3D.
O deck.gl pode ser carregado no seu app da Web usando uma tag script ou instalado como módulos do Gerenciador de pacotes de nó (NPM, na sigla em inglês).
As visualizações do deck.gl são adicionadas ao mapa criando uma instância da classe GoogleMapsOverlay fornecida pelo deck.gl.
Para mais informações, consulte a documentação de GoogleMapsOverlay no site do deck.gl.
Visualizações disponíveis
O deck.gl oferece muitas visualizações em 2D e 3D otimizadas para mostrar diferentes tipos de dados. Para ter acesso à lista completa, consulte o catálogo de camadas no site do deck.gl.
Exemplos
Confira mais exemplos do deck.gl e da API Maps JavaScript em ação:
[[["Fácil de entender","easyToUnderstand","thumb-up"],["Meu problema foi resolvido","solvedMyProblem","thumb-up"],["Outro","otherUp","thumb-up"]],[["Não contém as informações de que eu preciso","missingTheInformationINeed","thumb-down"],["Muito complicado / etapas demais","tooComplicatedTooManySteps","thumb-down"],["Desatualizado","outOfDate","thumb-down"],["Problema na tradução","translationIssue","thumb-down"],["Problema com as amostras / o código","samplesCodeIssue","thumb-down"],["Outro","otherDown","thumb-down"]],["Última atualização 2025-07-08 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."]]],[]]
