Skip to content

[Bug] GoogleMapsOverlay not working properly with Vector mapId in fullscreen mode / on resize #9856

@petercv

Description

@petercv

Description

I'm trying to add a BitmapLayer and PolygonLayer on top of Google Maps using a GoogleMapsOverlay. When the used mapId is configured to use a rasterised map everything works properly; both an embedded map and fullscreen map. However, as soon as I configure the mapId to use vector maps and I go full screen or resize the embedded map the bitmap is not drawn at the correct position anymore (without any changes in my code).

Flavors

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

Expected Behavior

Both rasterised and vector layers should display at the same positions.

Steps to Reproduce

  • Edit app.js of the get-started/pure-js/google-maps example.
  • Add a BitmapLayer with an image and coordinates at a position of your choice.
  • Use a mapId that is configured to use vector layers.
  • Open the example and switch to fullscreen.

NOTE: When I followed the README of the example to set up the environment variables with the Google Maps API key and mapId it somehow wasn't able to read the environment variables properly and had a fallback to a map with "For development purpose only" written on the tiles which is rasterised. I had to explicitly set the API key and mapId in the code to make it use my vector based map configuration.

Environment

  • Framework version: 9.2.2
  • Browser: Chrome 141.0
  • OS: macOS 26

Logs

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions