253 questions
0
votes
0
answers
20
views
onHover isn't getting called for BitmapLayer
I have this code:
const localTileServer = 'http://localhost/tiles/{z}/{x}/{y}.png';
const colorLayer = new TileLayer({
id: `colorLayer`,
data: localTileServer,
minZoom: 0,...
- 7,768
2
votes
0
answers
62
views
How to get rid of no-data pixels in tif,png
I have a gis image file in tif format which I convert to png based tiles using gdal.
gdalinfo command for tif file shows:
Band 1 Block=1652x2 Type=Byte, ColorInterp=Gray
Min=1.000 Max=255.000
...
- 7,768
0
votes
2
answers
473
views
Deck.gl causing "TypeError: Cannot set properties of undefined (setting 'adapter')" with vite dev mode
I have a React project that uses Deck.gl. The app has been working fine for several weeks, and is in production without issue. However, today, while developing, the app started crashing with these ...
- 5,346
1
vote
0
answers
31
views
Svg icon loading error using deck.gl GeoJsonLayer
I try to use svg icon in GeoJsonLayer as described here.
function createSVGIcon() {
return `
<svg width="10" height="10" viewBox="0 0 2.6458333 2.6458333" xmlns=&...
- 449
0
votes
0
answers
52
views
react-map-gl Popup displaying under deck.gl layers
I'm using a react-map-gl Popup component (maplibre implementation) inside a DeckGl component, and while I can get the Popup to open, it seems to be displaying under the deck.gl layers. To illustrate ...
- 706
0
votes
0
answers
85
views
Updating a layer in deckgl makes data disappear
I am using GeoJsonLayer to render some vector data.
I have also a list of texts where each text corresponds to a layer,and there can be several layers(passed to DeckGl as prop).
I want behaviour such ...
- 7,768
0
votes
0
answers
163
views
DeckGL and Maplibre GL JS Overlay Problem for H3Hexagon Layer
Versions tried
"deck.gl": "^9.0.27",
"maplibre-gl": "^4.0.0"
and
"deck.gl": "^9.1.4",
"maplibre-gl": "^5.1.1"
I'm using ...
- 1
0
votes
0
answers
21
views
translate for Tile3DLayer not working as expected
I have this function defined for a Tile3DLayer instance.
const onTilesetLoad = (tileset: Tileset3D) => {
const {cartographicCenter, zoom} = tileset;
tileset.modelMatrix = new Matrix4()....
- 7,768
0
votes
1
answer
187
views
Deckgl + google maps click event
I have a polygon and a ScatterplotLayer, and both the polygon and ScatterplotLayer have click events. These click events work fine until the layers overlap. When the ScatterplotLayer is overlapped by ...
- 3,997
0
votes
0
answers
28
views
Deck map not appearing in databricks
I am trying to visualize a map in databricks. I am creating a geodataframe and converting it to geojson. It looks like this:
{"type": "FeatureCollection", "features": [{&...
- 1,542
0
votes
0
answers
18
views
useEffect hook not working as expected with deckgl Tile3DLayer instance
I have a react component to render point cloud using Tile3DLayer. I want to change its elevation based on prop 'heightFactor'. So I am using useEffect hook as:
const layer = new Tile3DLayer({
...
- 7,768
0
votes
0
answers
29
views
Configuring modelMatrix property for Tiles3DLoader
I am making use of Tiles3DLoader with Tile3DLayer.
import {Tiles3DLoader} from '@loaders.gl/3d-tiles';
const layer = new Tile3DLayer({
id: 'tile-3d-layer',
data: event.outputpath,
loader:...
- 7,768
0
votes
0
answers
133
views
Using Google Maps API with DeckGLOverlay throws an undefined error
So I'm following this example by visgl from this PR: https://github.com/visgl/react-google-maps/blob/1a0ac6e13d15ceda5212d310ffc2370ffdd90e65/examples/deckgl-overlay/src/app.tsx
I even am using the ...
- 1,210
0
votes
0
answers
56
views
cesium tile 'hanging' on deckgl
I am trying to render cesium point tiles with deckgl, with mapbox basemap.
index.js
import { load } from '@loaders.gl/core';
import {Tileset3D} from '@loaders.gl/tiles';
import { CesiumIonLoader } ...
- 7,768
0
votes
0
answers
45
views
deckgl with mapbox: map covering screen only partially
I am experimenting with deckgl and mapbox.
My index.html is:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="...
- 7,768
-1
votes
1
answer
118
views
Unable to detect MapboxLayer from deck.gl/mapbox
Following this.
I have following in my package.json:
{
"name": "cesium-deckgl-viewer-vite",
"private": true,
"version": "0.0.0",
"type&...
- 7,768
0
votes
0
answers
37
views
Deck.gl: Point cloud data not getting rendered
I have following program to render cesium point tiles using deck.gl:
import { load } from '@loaders.gl/core';
import {Tileset3D} from '@loaders.gl/tiles';
import { CesiumIonLoader } from '@loaders.gl/...
- 7,768
1
vote
0
answers
87
views
How can I capture a screenshot of an offscreen (non-visible) map using the react-map-gl and @deck.gl/react libraries?
I am working on a React project where I use the react-map-gl and @deck.gl/react libraries to display a map along with DeckGL layers on the screen.
I have added PDF printing functionality to the ...
- 31
1
vote
0
answers
41
views
Issue encountered while using the @watergis/mapbox-gl-export library (version 1.2.7) to generate a PDF from the map
1] My project is based on TypeScript, and I am using the @watergis/mapbox-gl-export library (version 1.2.7) to download maps.
2] When I click the "Generate" button to download the map, an ...
- 31
1
vote
0
answers
254
views
How do I load a pointcloud layer into a MapView using the react-map-gl/maplibre and deck.gl libraries?
I am busy writing a react app with the goal of having a global map that can display 3D point-clouds. Currently I am in the very beginning stages and I am still getting to grips with the deck-gl, react-...
- 11
0
votes
1
answer
111
views
How to relocate Tile3DLayer in Deck.GL
When loading data with Tile3DLayer, I want to change the position of the entire data on the map. I have tried various methods, such as using modelMatrix, accessing each sub-tile and changing the ...
- 15
1
vote
1
answer
472
views
Markers on ReactMapBoxGl not working when deck GL layers are added
I have a codebase in which I'm using ReactMapGL to display a map with custom HTML markers. Everything was working fine until I introduced DeckGL layers into the mix. Now, the previous markers on the ...
- 21
1
vote
0
answers
90
views
deck.gl GeoJSON point layer not extruding
I have a GeoJSON layer in deck.gl which I'm trying to extrude based on the elevation property.
E.g.
{
"type": "Feature",
"geometry": {
...
- 21
0
votes
1
answer
639
views
Deck.gl v9 custom fragment shader is broken (Error: Error during linking: Fragment shader is not compiled.)
I'm using deck.gl to visualise a text layer with rounded corners on the _TextBackground sublayer.
My code is basically a copy of the following example but it won't work with deck.gl v9 (works fine on ...
- 307
1
vote
0
answers
76
views
Deck gl with Jest mock WebMercatorViewport object #8809
I'm trying to mock the object of WebMercatorViewport with the fitBounds function for my unit tests.
I'm using Jest and react-testing-library,
but I can't get rid of the error:
(intermediate value)....
- 1,139
0
votes
0
answers
597
views
Which mode to use edit existing deck.gl polygons using nebula.gl?
I'm trying to implement a basic example to edit GeoJSON polygon features using deck.gl. Layter I need to edit a lot of data, so I want to use nebula.gl, specifically EditableGeoJsonLayer.
My problem ...
- 562
0
votes
1
answer
348
views
How do I cluster my data in my React project using deck.gl layers?
We are using the Carto builder to visualize data from Google BigQuery. I have been employed to build a project similar to the Carto builder to add more functionality that the builder does not provide.
...
1
vote
0
answers
188
views
How to color polygones with null values in Apache Superset chart type deck.gl
I have a deck.gl chart in an Apache Superset dashboard. It is colored by a value. Some of the entries don't have a value and they are colored dark grey by default. I'd like to change that color.
I'm ...
- 363
3
votes
0
answers
501
views
Personalization of superset deck.gl geojson javavscript data interceptor
I try to reproduce the example provided by superset on deck.gl path in the deck.gl geojson graph but without success. The example works fine after modifying config.py but the colors are not displayed ...
- 31
2
votes
2
answers
980
views
Turn-off Deck.gl tooltip in Superset
does anbody kwno how I can modify the properties of the Deck.gl tooltip in Superset using CSS? My goad is to completely deactivate the tooltip. I tried the following which solved my problem partially:
...
- 9,680
0
votes
1
answer
174
views
Unable to render ScatterplotLayer on selection of point in pointcloudlayer with react
I'm currently working on a React component that uses DeckGL to display a point cloud. I've implemented a ScatterplotLayer for rendering selected points with a different color upon clicking. However, I'...
- 118
1
vote
0
answers
294
views
What is the fastest option for toggling visibility of deckgl layers in Shiny environment?
I am working on a Shiny app that uses deckgl to visualize scatterpoint and polygon data for multiple data sources. I am wondering if there is a faster way to toggle layer visibility. At present, I ...
- 11
0
votes
1
answer
573
views
Text Layer not rendering and calling get functions
I have the following text layer.
const text = new TextLayer({
id:'text-layer',
data: data,
getPosition: [-37.840935,144.946457],
pickable: true,
getText: d => "test",...
- 1
-1
votes
1
answer
202
views
CARTO Dynamic Tiling: how to clear the tile cache?
Our "traffic management" app shows thousands of roads on a Google Maps basemap.
We use CARTO Dynamic Tiling to produce map vector tiles in real-time, via SQL queries to our BigQuery backend.
...
- 5,156
1
vote
1
answer
530
views
Deck.gl TileLayer (WMS) only processing preflight responses
In my Angular 16 app, I'd like to display a WMS layer on a Google Map with Deck.gl - through a combination of TileLayers and BitmapLayers.
Here's my TileLayer config:
import { TileLayer } from "@...
1
vote
0
answers
424
views
pydeck icon layer - are folium-style clustered icons possible?
My question: is it possible to do folium-style icon clustering using pydeck?
I'm making map visualizations for a dataset in which we've made measurements at a number of locations, returning to some ...
1
vote
0
answers
560
views
How to add a icon on deck.gl Scatterplot map?
I am new to Superset. I have already developed a map using Deck.gl Scatterplot. I used my database to plot locations on Mapbox, which currently displays each location as dots with default colors. Now, ...
0
votes
1
answer
168
views
CartoAPIError: Map instantiation API request failed?
I'm trying to debug a weird error with Carto and Deck GL. The exact text of the error is as follows:
Uncaught (in promise) CartoAPIError: Map instantiation API request failed
Server returned: Not ...
- 28
2
votes
0
answers
789
views
IconLayer in deck.gl not staying anchored to specific latitude/longitude when navigating a 3D map
I am currently using deck.gl to render a 3D map using Tile3DLayer. Additionally, I am using an IconLayer to overlay an icon on the map. My expectation is for the icon to remain anchored to a specific ...
- 676
0
votes
1
answer
658
views
Compile error when trying to use 'load' in fetch method of a layer
I'm trying to perform some logic before a layer is updated and I've found that the method fetch in the layer's props might do it. I'm first trying to get the default behavior to work, then I'll wire ...
- 5,043
1
vote
0
answers
51
views
How to hide ApiKey in Carto Layer request with DeckGl?
I am trying to hide the APIKEY in the network requests that the map is using.
I am using "@deck.gl/carto": "version": "8.6.5"
The api is set with
setDefaultCredentials({
...
- 448
0
votes
1
answer
503
views
Best way to show/hide CARTO layers using latest CARTO/DeckGL libraries in JS
In my hobby project I got about 15-20 map layers. Mostly polygons and sometimes icon layers.
Here is the link - heatmaps.com.au
I build it using older CartoDB libraries which are soon to be ...
0
votes
1
answer
2k
views
apply custom color scale to pydeck h3hexagon layer
I am using pydeck to render a visualization using spatial data. I was hoping to use a custom color scale and apply the gradient to the hexagons based on counts.
here's some json data:
[{"count&...
- 2,022
2
votes
0
answers
755
views
Customize Legend in Apache Superset deck.gl Scatter Plot
I want to add the contribution to each legend as shown in the below Apache Superset deck.gl scatter plot ( For e.g. Excellent(4,5) should be Excellent(4,5) 1406 88.19%
where Excellent(4,5) = ...
0
votes
1
answer
254
views
How to obtain underlying data from pydeck HexagonLayer?
Is there a method or any other way to obtain the underlying binned data from HexagonLayer ? I'd like to get the aggregate counts, hexagon centers (long and lat) or geometry. I am using pydeck to ...
- 2,022
1
vote
0
answers
213
views
I need to remove the border color gradient around the clusters in heatmap drawn using deck.gl
I'm drawing a heatmap on top of Google Maps based on the signal strength of nodes using deck.gl where color ranges from red(stands for lowest signal strength) to yellow to green(stands for highest ...
- 11
0
votes
0
answers
469
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": &...
- 31
1
vote
0
answers
947
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 ...
- 11
1
vote
0
answers
447
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 ...
- 61
1
vote
1
answer
952
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 ...
- 20k