[Bug] Deck with Maplibre Globe synchronization issue

[Hooterr]

Description

Looks like deck is not synchronizing correctly with maplibre when switching between globe view and map/mercator.

https://stackblitz.com/edit/vitejs-vite-saw2aejs

Here we have 2 images. One rendered by maplibre (white background), the other (yellow background) by deck.gl through bitmap layer.

• If you add MapboxOverlay before turning on globe view, the layer will render correctly in mercator and it will be deformed after switching to globe. We're using built-in maplibre GlobeControl to switch between projections.

---

• If you add MapboxOverlay from inside style.load callback after setting projection to globe we get this. It looks like deck is recognizing globe view correctly but images are not rendered with the same projection.

Flavors

• Script tag
• React
• Python/Jupyter notebook
• MapboxOverlay
• GoogleMapsOverlay
• CARTO
• ArcGIS

Expected Behavior

When projection changes, deck should synchronize it correctly.

Steps to Reproduce

https://stackblitz.com/edit/vitejs-vite-89hlykfp?file=src%2Fmain.js

Environment

• Framework version: deck 9.1.3, maplibre 5.1.1
• Browser: any
• OS: any

Logs

No response

[Pessimistress]

BitmapLayer/GeoJsonLayer do not react to projection change as of 9.1. While we work on a fix, you can work around this if you force a reinitialization when projection changes by using a different layer id (e.g. bitmap-mercator and bitmap-globe depending on the mode).

[Hooterr]

Ok, I see.
Here's a working workaround. Interesting that without that timeout bitmap layer won't switch to globe.

_map.on('projectiontransition', () => {
    setTimeout(() => {
      overlay.setProps({
        layers: [
          new BitmapLayer({
            id:
              _map.getStyle().projection?.type === 'globe'
                ? 'bitmap-globe'
                : 'bitmap-mercator',
            opacity: 0.5,
            visible: true,
            image: 's22.png',
            bounds: [-80, 0, 80, 85],
            parameters: {
              cullMode: 'back',
            },
          }),
        ],
      });
    }, 5);
  });

Although I'm getting this slighly misprojected image. Is this going to be addressed as well in the coming releases as well?

The black 'T' underneath is rendered by maplibre so I assume that's what this should look like in deck.

Is there an issue that tracks which layers don't yet work with globe+maplibre?

[inunez-vex]

I've run into the same issue toggling between mercator and globe.

My images in globe projection seem to be slightly misprojected as you can see them move a little bit when switching projections.

Currently running version 9.2.6

[charlieforward9]

Bug persists on 9.3.1, updated stackblitz link

BitmapLayer/GeoJsonLayer do not react to projection change as of 9.1

I have a working example of projection-invariance within #10251

I would be interested in refactoring this logic to reuse across all Layer classes. (And eventually transitions between the projections)