Deck.gl es un framework de visualización con tecnología de WebGL que proporciona una variedad de visualizaciones de datos en 2D y 3D fáciles de usar y compatibles con grandes conjuntos de datos. Puedes agregar visualizaciones de datos de deck.gl con la API de Maps JavaScript mediante la clase GoogleMapsOverlay
de deck.gl.
deck.gl admite varias fuentes de datos y formatos, y permite crear visualizaciones compuestas mediante la renderización de varias capas de visualización en el mapa.
Requisitos
Para utilizar deck.gl, debes usar el mapa de tramas o vectores que proporciona la API de Maps JavaScript. Te recomendamos que uses el mapa de vectores para aprovechar al máximo las funciones que ofrece WebGL para el mapa base de Google, como la inclinación, la rotación y el control total de la cámara 3D.
Para obtener más detalles, consulta la descripción general del mapa de vectores.
Cómo cargar deck.gl
Para cargar deck.gl en tu app web, puedes utilizar una etiqueta de secuencia de comandos, o bien puedes instalarlo como módulos con Node Package Manager (NPM).
Si deseas obtener más información, consulta la documentación de @deck.gl/google-maps en el sitio web de deck.gl.
Cómo agregar visualizaciones de deck.gl en el mapa
Las visualizaciones de deck.gl se agregan al mapa mediante la creación de una instancia de la clase GoogleMapsOverlay
que proporciona deck.gl.
Para obtener más información, consulta la documentación de GoogleMapsOverlay
en el sitio web de deck.gl.
Visualizaciones disponibles
deck.gl proporciona muchas visualizaciones en 2D y 3D que se encuentran optimizadas para mostrar diferentes tipos de datos. Para obtener una lista completa, consulta el catálogo de capas en el sitio web de deck.gl.
Ejemplos
Consulta más ejemplos que muestran el funcionamiento de deck.gl y la API de Maps JavaScript en conjunto: