visgl / visgl/deck.gl

[Bug] Bitmaplayer flickering on zoom

Open
#9,328 5 comments 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

Using

  textureParameters: {
    minFilter: 'nearest',
    magFilter: 'nearest'
  },

in
Bitmaplayer results in flickering on zoom. See this video:

https://github.com/user-attachments/assets/6ed1ee7e-2100-4b88-9397-73079238c061

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

Clear shapes without flickering

Steps to Reproduce
/*
* https://deck.gl/docs/api-reference/layers/bitmap-layer
*/
const {DeckGL, BitmapLayer, COORDINATE_SYSTEM} = deck;

const layer = new BitmapLayer({
  id: 'BitmapLayer',
  bounds: [-123, 37, -122, 38],
  image: 'https://dummyimage.com/3200x3100/000/fff',
  textureParameters: {
    minFilter: 'nearest',
    magFilter: 'nearest'
  },

  opacity: 0.5,

});

new DeckGL({
  mapStyle: 'https://basemaps.cartocdn.com/gl/positron-gl-style/style.json',
  initialViewState: {
    longitude: -122.4,
    latitude: 37.74,
    zoom: 11,
    maxZoom: 20,
    pitch: 30,
    bearing: 0
  },
  controller: true,
  layers: [layer]
});
  
Environment
  • Framework version: deck.gl@9.0.38
  • Browser: Chrome 131
  • OS: Mac
Logs

No response

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 BitmapLayer implementation and the textureParameters path, using the provided DeckGL reproduction with nearest minification and magnification filters. Reproduce the behavior while zooming, then verify that the bitmap renders clear shapes without flickering under those settings.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
data-visualization
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.