[Bug] GoogleMapsOverlay misaligns layers with raster basemap in initial render

[zbigg]

Description

GoogleMapsOverlay shows data in wrong position in initial render when rendering on top of raster basemap.

actual:

(note screenshots and sample below on "free" google quota, same applies with proper, paid key)

Flavors

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

Expected Behavior

data: one "geo" rectantgle polygon with bounds more or less fitting mainland USA

expected:

Steps to Reproduce

Repro code (https://stackblitz.com/edit/vitejs-vite-prbtax?file=main.js,package.json,index.html&terminal=dev):

import { GoogleMapsOverlay } from '@deck.gl/google-maps';
import { Loader } from '@googlemaps/js-api-loader';
import { PolygonLayer } from '@deck.gl/layers';
(...)
  const loader = new Loader({ apiKey: GOOGLE_MAPS_API_KEY });
  const googlemaps = await loader.importLibrary('maps');

  const map = new googlemaps.Map(document.getElementById('map'), {
    mapTypeId: 'satellite',
    center: {
      lat: 43.291517478783575,
      lng: -88.24979240793371,
    },
    zoom: 3,
    tilt: 0,
    bearing: 0,
    disableDefaultUI: true,
  });

  const layers = [new PolygonLayer({
    id: 'PolygonLayer',
    data: [
      {
        id: 1,
        contour: [
          [-133.25358036092166, 49.255563717225385],
          [-133.25358036092166, 24.670835144274477],
          [-64.13509283629588, 24.670835144274477],
          [-64.13509283629588, 49.255563717225385],
          [-133.25358036092166, 49.255563717225385],
        ],
      },
    ],

    getPolygon: (d) => d.contour,
    getFillColor: (d) => [255, 0, 0, 125],
  })];
  const overlay = new GoogleMapsOverlay({ layers});
  overlay.setMap(map);

### Environment

- Framework version: 9.0.14
- Browser: Chrome
- OS: MacOS


### Logs

_No response_