Repository navigation
[google_maps_flutter] Background color for unloaded tiles #142520
Description
Use case
When using a dark style for the google map, a white background is being shown for the unloaded tiles.
Proposal
It would be a good idea to have at disposal a variable like backgroundColor defined in the MapConfiguration class which can be used to change the color for the unloaded tiles depending on the app theme.
I've seen that on android, there is a variable like this defined in the GoogleMapOptions class:
https://developers.google.com/android/reference/com/google/android/gms/maps/GoogleMapOptions#backgroundColor(java.lang.Integer)
Reacted by Yu Ohama, tlb-miyagiyuki, Amr Badr and Federico Cassissa
Activity
darshankawar commentedon Jan 30, 2024
@Gabarsolon
Thanks for the report. Can you take a look at this issue and check if it resembles your case or not ?
Gabarsolon commentedon Jan 30, 2024
Hi, thanks for the response
The attached issue doesn't really resembled my case
There are situations when some tiles are loading and staying white for some miliseconds when moving around map
Or sometimes for tiles that are out of bounds
The simpliest solution, in my opinion, would be to change that backgroundColor variable
BQLCODE commentedon Jan 31, 2024
In my case, a white screen appears in release on some devices, for example Android 6.0.1, but running on Android 6.0.1 in development mode
stuartmorgan-g commentedon Feb 6, 2024
This is related to a common use case for #66207, which is avoiding flashes of white/light grey in dark mode.
natsuk4ze commentedon Mar 14, 2024
stuartmorgan-g commentedon Mar 14, 2024
natsuk4ze commentedon Mar 14, 2024
stuartmorgan-g commentedon Mar 14, 2024
natsuk4ze commentedon Mar 14, 2024
hishamnabi commentedon Apr 24, 2026
Was there ever a resolution to this issue? I am trying to use a dark style for the google maps widget in my app and I can see the tiles before they are loaded in are white which is causing a jarring white flash. Not sure how to get around this.
I've tried using the cloud-based styling as well which allows you to set a background color, but changing the background color there doesn't seem to effect anything in the widget.
Edit: It seems like the background color when using cloud-based styling works on android, but it doesn't work on iOS
[google_maps_flutter_platform_interface] Add map background color con…