visgl / visgl/deck.gl

[Bug] Mobile crashing issue while zooming in google maps

Open
#9,079 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug
Dominant language
TypeScript
Stars
14.6k
Forks
2.3k
Avg merge
2d 9h
Merged PRs (30d)
42

Description

Description

I have added geojson layer using deck gl on the google maps. It is working very well in the laptop/desktop but when i open my website in the mobile's(any android or IOS) chrome, then it is crashing. and below error comes.
Skype_Picture_2024_08_08T04_52_38_598Z

Now more interesting thing is that, when i opened google-maps-3dtiles in mobile, then the same issue is coming, after zooming in 2-3 times then tab crashes. Link: https://deck.gl/examples/google-3d-tiles.
Skype_Picture_2024_08_08T04_52_47_462Z

Flavors
  • Script tag
  • React
  • Python/Jupyter notebook
  • MapboxOverlay
  • GoogleMapsOverlay
  • CartoLayer
  • ArcGIS
Expected Behavior

It should also work on mobile browsers.

Steps to Reproduce

Note: open this in mobile browser(chrome, safari or anyone).

Just go onto below link and and then zoom in zoom out frequently.
Link: https://deck.gl/examples/google-3d-tiles

Environment
  • Framework version: deck gl latest version
  • Browser: Chrome110.0
  • OS: iOS 17.1
Logs

No logs printed

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start with the google-3d-tiles example at https://deck.gl/examples/google-3d-tiles and reproduce the crash on a mobile Chrome or Safari browser by zooming repeatedly. Investigate the GoogleMapsOverlay and React path involved; done means the example no longer crashes the mobile browser during repeated zooming.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
data-visualization, frontend, mobile-dev
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.