Questions tagged [deck.gl]
deck.gl is a WebGL-powered framework for visual exploratory data analysis of large datasets.
230
questions
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?
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": &...
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
...
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 ...
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 ...
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&...
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) ...
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 ...
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 ...
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 ...
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? ...
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: ...
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. ...
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 ...
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 ...
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.
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 ...
-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 ...
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 ...