deck.gl doesn't antialias properly on top of Google Maps
Open
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
Here's a current screenshot of the deck.gl/Google maps API example from here
As you can see the lines look quite rough.
Flavors
- React
- Python/Jupyter notebook
- MapboxLayer
- GoogleMapsOverlay
- CartoLayer
- DeckLayer/DeckRenderer for ArcGIS
Expected Behavior
Lines/arcs should be antialiased.
Steps to Reproduce
Use code from [here]((https://developers.google.com/maps/documentation/javascript/examples/deckgl-arclayer).
Environment
- Framework version: deck.gl@8.8
- Browser: Chrome/Firefox
- OS: Linux
Logs
No response
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the linked deck.gl ArcLayer Google Maps example and trace the GoogleMapsOverlay rendering path for the deck.gl@8.8 setup. Reproduce the rough lines in Chrome or Firefox on Linux, then verify that lines and arcs in the GoogleMapsOverlay example are antialiased without regressing the other listed integration flavors.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, typescript
- Domain
- data-visualization, frontend, web-dev
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100