search

keplergl / kepler.gl

Kepler.gl is a powerful open source geospatial analysis tool for large-scale data sets.
http://kepler.gl
MIT License
10.38k stars 1.74k forks source link

[Bug] Demo-App code crashes when i import CSV with HexBin (H3) values #1875

Open sinannoureddine opened 2 years ago

sinannoureddine commented 2 years ago

Hello Everyone, I am running the demo-app from the github repo. The map is working fine until i upload a CSV file with HexBin values. The page is going to a white screen and the error in Console is "Class constructor Geometry cannot be invoked without 'new'"

My package.json is :

{ "scripts": { "start": "webpack-dev-server --mode development --progress --hot --open", "start-prod": "webpack-dev-server -p --progress --hot --open", "start-local": "webpack-dev-server --mode development --env.es6 --progress --hot --open", "start-local-e2e": "webpack-dev-server --mode development --env.es6", "start-local-deck": "webpack-dev-server --mode development --env.es6 --env.deck --progress --hot --open", "start-local-deck-src": "webpack-dev-server --mode development --env.es6 --env.deck_src --progress --hot --open", "start-local-loaders-src": "webpack-dev-server --mode development --env.es6 --env.loaders_src --progress --hot --open", "start-local-https": "webpack-dev-server --mode development --https --env.es6 --progress --hot --open" }, "dependencies": { "@carto/toolkit": "0.0.1-rc.18", "d3-request": "^1.0.6", "d3-array": "^2.8.0", "d3-axis": "^2.0.0", "d3-brush": "^2.1.0", "d3-color": "^2.0.0", "d3-dsv": "^2.0.0", "d3-format": "^2.0.0", "d3-hexbin": "^0.2.2", "d3-scale": "^3.2.3", "decimal.js": "^10.2.0", "dropbox": "^4.0.12", "global": "^4.3.0", "kepler.gl": "^2.5.5", "lodash.debounce": "^4.0.8", "lodash.get": "^4.4.2", "react": "^18.2.0", "react-copy-to-clipboard": "^5.0.1", "react-dom": "^16.8.4", "react-markdown": "^4.2.2", "react-palm": "^3.3.6", "react-redux": "^7.1.3", "react-router": "3.2.5", "react-router-redux": "^4.0.8", "react-virtualized": "^9.21.0", "redux-actions": "^2.2.1", "redux-thunk": "^1.0.0", "styled-components": "^4.1.3" }, "devDependencies": { "@babel/core": "^7.12.1", "@babel/plugin-proposal-class-properties": "^7.12.1", "@babel/preset-env": "^7.12.1", "@babel/preset-react": "^7.12.1", "@babel/preset-typescript": "^7.16.7", "babel-loader": "^8.0.0", "webpack": "^4.29.0", "webpack-cli": "^3.2.1", "webpack-dev-middleware": "^3.5.1", "webpack-dev-server": "^3.1.14", "webpack-hot-middleware": "^2.24.3", "@types/d3-array": "^2.0.0", "@types/d3-scale": "^3.2.2" }, "resolutions": { "@deck.gl/aggregation-layers": "8.2.0", "@deck.gl/core": "8.2.0", "@deck.gl/extensions": "8.2.0", "@deck.gl/geo-layers": "8.2.0", "@deck.gl/layers": "8.2.0", "@deck.gl/mesh-layers": "8.2.0", "@deck.gl/react": "8.2.0", "deck.gl": "8.2.0", "@luma.gl/shadertools": "8.2.0", "@luma.gl/core": "8.2.0", "@luma.gl/experimental": "8.2.0", "@luma.gl/constants": "8.2.0", "@luma.gl/engine": "8.2.0", "@luma.gl/gltools": "8.2.0", "@luma.gl/webgl": "8.2.0" } }

I'd really appreciate any help with that. Thanks

pervezalam83v commented 2 years ago

I am facing the same issue, is there any idea why this is happening

pervezalam83v commented 2 years ago

I have noticed that the https://kepler.gl/demo use deck GL 8.9.9 but the package JSON file in the repo support 8.2.0.

Please suggest if this is the reason why h3 cells are not rendering greater than resolution 5

ghost commented 2 years ago

I am also facing the same issue. Any resolution here please?