Map Color Scheme not working on first app launch

[RyeGordo]

The Map color scheme added in version 6.0.0 does not work when the app is first launched.

If mapColorScheme is set to ComposeMapColorScheme.DARK or ComposeMapColorScheme.FOLLOW_SYSTEM with the system OS in Dark Mode, the Google Map will render as ComposeMapColorScheme.LIGHT when the app is first launched (after app install or clearing app data).

Dynamic changes to to mapColorScheme are ignored, and the Google Map continue to display in ComposeMapColorScheme.LIGHT
See DynamicMapTheme.zip for sample app with implementation of button selection to change the colour scheme.
(You will need to generate an API key)

The Google Map will behave correctly after killing the app and restarting

• the default DARK colour scheme is respected
• dynamic colour scheme changes are working

Environment details

API 34
Kotlin 2.0
Java 21
com.google.maps.android:maps-compose:6.0.0

Steps to reproduce

1. Launch App
2. Observe ComposeMapColorScheme.DARK is not respected
3. Observe button selections to change colour scheme are not working
4. Kill app and restart
5. Observe ComposeMapColorScheme.DARK is displayed correctly
6. Observe button selections to change colour are now working

Code example

@Composable
private fun MapContent(modifier: Modifier) {
    val mapUiSettings by remember {
        mutableStateOf(MapUiSettings(mapToolbarEnabled = false, myLocationButtonEnabled = true, zoomControlsEnabled = false))
    }

    /**
     * Dynamic Map Compose Theme with Default set to [ComposeMapColorScheme.DARK]
     */
    var mapColorScheme by remember {
        mutableStateOf(ComposeMapColorScheme.DARK)
    }
    Box(
        modifier = modifier,
        contentAlignment = Alignment.BottomCenter
    ) {
        GoogleMap(
            uiSettings = mapUiSettings,
            mapColorScheme = mapColorScheme
        )

        Row(
            Modifier
                .fillMaxWidth()
                .padding(bottom = 32.dp),
            verticalAlignment = Alignment.CenterVertically,
            horizontalArrangement = Arrangement.SpaceEvenly
        ) {
            Button(onClick = { mapColorScheme = ComposeMapColorScheme.FOLLOW_SYSTEM }) {
                Text(text = "System")
            }
            Button(onClick = { mapColorScheme = ComposeMapColorScheme.LIGHT }) {
                Text(text = "Light")
            }
            Button(onClick = { mapColorScheme = ComposeMapColorScheme.DARK }) {
                Text(text = "Dark")
            }
        }
    }
}

See DynamicMapTheme.zip for sample app with implementation of button selection for dynamic colour scheme.
(You will need to generate an API key)

[kikoso]

Hi @RyeGordo . This is an underlying issue on the version 19.0.0 of the Play Services SDK, and eventually due to the new renderer. We had similar issues with the AdvancedMarkers.

[RyeGordo]

Thanks for the quick feedback.
I guess we have no choice but to wait patiently for the next version of the Play Services SDK.

[kikoso]

Correct. Although annoying, this seems to happen when the app starts for the first time (probably due to some internal flag initialization in the SDK). On subsequent starts the problem disappears.

[kikoso]

I have filled a bug on the issue tracker: https://issuetracker.google.com/issues/351858982

[RyeGordo]

Thanks. I gave it a +1. Hopefully we get a response soon.

[RyeGordo]

Any progress on this?

There's a request for demo sample code on the Maps SDK issue (https://issuetracker.google.com/issues/351858982)
Would you like me to provide a sample for them?

[kikoso]

Hi @RyeGordo ,

The team was able to reproduce it, I passed them a sample: https://github.com/googlemaps-samples/android-samples/blob/main/ApiDemos/java/app/src/gms/java/com/example/mapdemo/MapColorSchemeActivity.java

[kikoso]

For the record: the Maps Team has answered. This is a temporary behavior that will be deactivated at some point:

https://issuetracker.google.com/issues/351858982#comment7