Questions tagged [deck.gl]

deck.gl is a WebGL-powered framework for visual exploratory data analysis of large datasets.

Filter by
Sorted by
Tagged with
0 votes
0 answers
17 views

Enabling Auto Highlighting in an MVTLayer - PyDeck Visualization

I’m currently trying to get auto highlighting to work in PyDeck for an MVTLayer and am having no luck. Here’s the example I’m working with, hosted on Colab. Am I missing something obvious here?
  • 3,019
0 votes
0 answers
18 views

Point Color not reported in deck.gl multilayer in Superset

In superset, I create a map layer with deck.gl Scatterplot chart and define categorical color for each point. The color is define in dashboard properties "label_colors": { "Bus": &...
  • 1
0 votes
0 answers
26 views

Apache Superset Deck.gl Multiple Layer Filter issue

In superset I create a deck.gl Multiple Layers chart with 2 maps. enter image description here But when I apply a filter, this not apply on the multilayer chart enter image description here Thank you ...
  • 1
0 votes
0 answers
64 views

How to load an IFC or GLTF model using React-map-gl, Deck.gl, and Loaders.gl?

I'm trying to dynamically load a user-loaded gltf model and have that model be placed on top of a map. The second part would be doing the same thing but with IFC model. I'm working with react-map-gl ...
0 votes
0 answers
11 views

Plot x,y coordinates that belong to different identifiers in Pydeck

This is how my pandas dataframe looks like: Key x y R1 594 383 R1 584 370 R1 579 365 R1 576 359 R1 569 349 ... ... ... R1095 596 68 R1095 587 66 R1095 577 71 R1095 ...
0 votes
0 answers
29 views

How to add over effects on mapdeck similar to leaflet's highlightOptions

I would like to customize some reactions of maps created with mapdeck in R. I saw that it is not possible to add popups, but is it possible to customize some reactions like: change of style when the ...
0 votes
0 answers
46 views

Adding Multiple Layers to my Deck.GL Library

For some reason, only one of my deck.gl layers is showing up on the map. The geojson layer works but the polygon and scatterplot layers do not. The API is fetching but nothing is populating on the map....
0 votes
0 answers
59 views

Problem import deck.gl with react and Vite

I am getting the error '/node_modules/.vite/deps/@deck__gl_layers.js?v=da5738d0' does not provide an export named 'DeckGL' despite it being listed as a dependency in my package.json, and in ...
0 votes
0 answers
85 views

Add multiple layers on deck.gl map

I want to add several 3D layers on my deckGl map with for each marker a different 3d model, so I create a table with my different layers, but when I initialize my deck gl map and pass my array for the ...
0 votes
0 answers
22 views

How can I visualize an image (from a URL) that is using a different coordinate system than LAT LONG using deck.gl?

I have this url, which returns an image. The image bounds, as you can see in the url itself, is not in a LAT LONG coordinate system. Deck.gl's BitmapLayer has a prop to set the coordinate system, but ...
  • 334
0 votes
1 answer
103 views

Proper syntax for a pydeck PathLayer from a shapely geometry

I see the example of a PathLayer and it shows the input data is a list of lists within a regular pandas df, as opposed to a geopandas df. Let's say I'm coming from a GeoPandas df (let's say called ...
0 votes
0 answers
24 views

How to change deckgl prop value(extruded) on button click?

I am plotting a hex layer in my app, and I want to modify extruded prop to true on click of a button. Is there a way to do it without plotting the layer again? I have tried to replicate the required ...
1 vote
1 answer
127 views

Critical dependency: the request of a dependency is an expression for loader.gl In a Next13 typescript application

I've set up a Next13 typescript application. Inside this i'm attempting to render a deckgl arclayer on top of a Mapbax base map. const Page = () => { const data = [{ sourcePosition: [-122.41669, ...
1 vote
1 answer
191 views

Fit bounds with padding deck.gl mapbox

I'm trying to use fiBounds with the WebMercatorViewport object but getting an error about the padding property. my code: const initialViewState: IViewport | WebMercatorViewport = useMemo(() => { if ...
  • 869
0 votes
0 answers
96 views

How to use deck.gl to render a polygon layer that is using a different coordinate system than the standard LAT LONG?

Background I am using deck.gl's PolygonLayer to render data that looks like this: data.json: { "someKey": "someValue", "spatialReference": { "wkid&...
  • 334
1 vote
0 answers
189 views

Clustering is not working on DeckGL using Super Cluster

I've implemented custering using deckgl and super cluster. I'm using IconLayer, GeoJsonLayer, ScatterplotLayer, and TextLayer. addAssetMonitoringIconsLayer () { const getIconSize = (size) ...
  • 1,199
0 votes
0 answers
22 views

Mirror user map interaction on multiple deckglOuputs (R Shiny)

In addition to the errors I am encountering with legends when using deckgl in an Shiny application (Posted here: How do I remove deckgl legend on shiny dashboard?), I was wondering whether it would be ...
1 vote
0 answers
76 views

How do I remove deckgl legend on shiny dashboard?

I am running into an issue with a shiny dashboard that I am trying to create, wherein updating a deckgl plot causes a new legend to append into the view as opposed to replacing the old legend. The ...
0 votes
1 answer
26 views

Why is this simple Deck.GL OrbitView not interactive?

I think I'm doing something very basic wrong, or I'm misunderstanding something very fundamental, but I just can't make this respond to mouse events – it's just frozen in its initial view (Code Pen ...
0 votes
1 answer
87 views

What is more performant, a single Deck instance or multiple per map?

I am using DeckGL with react, and i had a question about best practices considering the amount of Deck instances. One option is to add all layers in a single Deck instance, for example: <DeckGL ...
0 votes
1 answer
33 views

Superset & DECK.GL -- cannot display shaded polygons

I want to visualize Zip3 polygons, shaded by the population. I have GeoJSON formatted as text strings in a Snowflake table, and am able to visualize them using the "Deck.GL GEOJSON" map ...
0 votes
0 answers
28 views

luma.gl Reference error: window is not defined

One of the tasks for my current project is trying to find the source of the following console error: I have looked through all the references to the window object as well as the luma.gl library but ...
1 vote
1 answer
236 views

How to trigger a function on zoom in DeckGL

Currently my setViewState function is triggered on drag end using deckGL's built in events. I also want to trigger this when you zoom in or out. It doesnt look like there is any built in onZoomEnd ...
  • 11
1 vote
1 answer
86 views

DeckGL with React – JSX wrapper component for Map

I'm using DeckGL with React + Typescript and I'm looking to find a way to create a wrapper component for the Map component from react-map-gl to handle its own functionalities. Currently I have an ...
  • 61
0 votes
1 answer
78 views

(deck.gl) custom basemap with globe-ui using blue marble

I would like to use the blue marble image from Nasa as a basemap on the globe view. Most other WebGL mapping frameworks let you do this. Appreciate some help, pure typescript if possible (thats why i ...
  • 571
0 votes
0 answers
131 views

Terrain map with satellite texture and hex grid with deck.gl

I want to make a map with deck.gl (or alternatives, open for advice). It should be a terrain map with satellite images as textures and a colored hex grid overlay. Any hints on how to accomplish this? ...
  • 31
0 votes
1 answer
183 views

get zoom level and center point from browser console for mapbox

I'm using Rmarkdown to make a report with mapdeck which uses javascript libraries (deckgl,mapboxgl, etc) to create maps. Once I generate the map object I can scroll and zoom around and inspect the ...
0 votes
0 answers
65 views

Kepler GL : Event handler when changing map configuration

I am using Kepler GL to visualize data on maps. Is there a way to handle events when a user changes map configuration? E.g hide layer or change color of layer. I use "OnViewStateChange" to ...
0 votes
0 answers
28 views

Icons not Displaying on Deck.gl

I think there's an error with the data format that I using but I can't seen to solve it, at the current format no icons are displaying. var coord = []; export default function App({ function ...
0 votes
0 answers
85 views

Deck gl Heatmap as array or Geotiff

I am trying to create a heatmap based on scatter points. Afterwards need to export it to GeoTiff in order to publish it. I was thinking on using Deck.gl Heatmap library to build such a map, but I do ...
0 votes
0 answers
51 views

ScenegraphLayer - getScene result

I need to display different scenes within a single ScenegraphLayer. new ScenegraphLayer({ id: 'scenegraph-layer', data: sessions, pickable: true, sizeScale: 5, // scenegraph: ...
  • 5,993
1 vote
0 answers
35 views

Passing Data into a Nebula.gl HTMLClusterOverlay In Typescript React

I'm am working on adding map clustering to an existing TS based React Application. The application uses Deck.gl. The Nebula.gl HTMLClusterOverlay seems like an easy way to do this. In the ...
0 votes
0 answers
261 views

Deck.GL, Creating a Polygon layer with a rectangle that has a slope

Question I've been trying multiple ways to create a rectangle that has a slope, tried using the GeoJsonLayer and PolygonLayer to accomplish this. I can't seem to find a way to create the shape and ...
-1 votes
1 answer
137 views

How can I fetch data points belonging to a map bounding box?

I am plotting thousands of data points on a map, and at any point I want to fetch the data points falling in a particular map bounding box. For example, attached below is the complete view of the ...
1 vote
0 answers
57 views

Deck.gl how to access min and max bound with react hook

I'm developing application with React Hooks and Deck.gl. I need to save the min and max value my heatmap layer to display them. So I created 2 state variables to save them and display them. ...
  • 750
1 vote
0 answers
113 views

React-map-gl transition error which crashes the map

I am having an issue with my map where a certain trackpad gesture crashes the map. The error that is shown upon this is attached below. Transition error As seen in the image, it requires a position ...
0 votes
0 answers
72 views

How to limit pan range of OrthographicView with deck.gl

I would like to limit pan range of OrthographicView. Is that possible? I can limit the zoom level by viewState's minZoom, maxZoom.
0 votes
0 answers
221 views

Problem with custom data and TripsLayer in Deck.GL

I am trying to use a custom dataset for the trips layer. When I use the demo dataset, it works as expected. If I use my own, the map shows but no trips are animated, or even shown. I am thinking it is ...
1 vote
1 answer
328 views

Using MVT Style specification to style MVT layer in deck.gl

I'm working on implementing an MVT/PBF server on a deck.gl map and trying to find a way to implement the accompanying style JSON, i.e. Mapbox GL JS Style Specification file for this MVT/PBF server. I ...
  • 29
2 votes
1 answer
480 views

How to integrate DeckGL with react typescript?

Trying to use deckgl react with typescript. however wasn't work well and I am facing issue. Anyone know how to fix this ? 'DeckGL' cannot be used as a JSX component. Its instance type 'DeckGL<...
0 votes
0 answers
313 views

How to add Mapbox 3D buildings layer in DeckGL?

I have a React project that uses DeckGL and Mapbox. I'm interleaving the layers to display Mapbox layers in DeckGL. One of the layers I want to interleave is Mapbox's 3D buildings layer. Here's the ...
  • 981
0 votes
0 answers
254 views

Change color of Pathlayer on Click, MapBox DeckGl React.js

I have a mapbox React.js component implemented with DeckGl I am trying to make my Pathlayer color changes on evenry mouse click (onClick), using onClick, getColor, getFillColor. As you see I have ...
0 votes
1 answer
729 views

Unable to create Deck.gl layers and overlay

I installed deck.gl through npm and I'm unable to create layers. At first I was trying to create a google overlay, later I tried it with mapbox overelay. It keeps throwing same error I'm attaching ...
0 votes
0 answers
27 views

Can I integrate angularjs(1.6) with deckgl?

I've tried to search if I can integrate deckgl with angularjs but so far haven't found any. Is it possible? If yes, what are the dependencies I need to add in app.js and index.html? Please help.
  • 1,357
0 votes
1 answer
578 views

Pydeck layer not rendering

I'm trying to visualize some data using pydeck. The layers were working as intended until I began tinkering with other sections which broke my layer render somehow. After two days of tinkering I'm at ...
0 votes
0 answers
116 views

Deckgl Wrapper Covering map Preventing Map Interaction

I'm working on a fairly basic implementation of Deckgl with ReactMapGl. I'd like to render a polygon overlay that outlines an array of coordinate and I'm following the documentation as well as ...
  • 554
-1 votes
1 answer
80 views

remove country labels in deck.gl html export

We are using deck.gl to visualize our data. It looks great, however, in the plot basemap, there are still the country names as labels. In the API kepler.gl there is an option to hide the labels. We ...
  • 1,929
0 votes
0 answers
379 views

Deck.GL layers flicker for no apparent reason using vanilla JavaScript and HTML

I'm making a simple site using deck.gl but for no apparent reason if there are multiple layers, any layers rendered after the first layer flicker and the stroke functionality doesn't seem to work. The ...
1 vote
1 answer
644 views

NavigationControl with Deck.gl

I'm trying to build nft marketplace over mapbox, like ovr.ai to improve my react.js. I'm working on a fork, but I'm trying to add new features like navigation control, search place etc. I have a ...
0 votes
0 answers
74 views

How to copy original GeoJSON properties when using supercluster

I am using supercluster library with deck.gl. I have a GeoJSON which contains custom properties object. I use the data in properties to define which icon to display. However when using supercluster ...
  • 2,145

1
2 3 4 5