[Support Request]: Map style in navigation mode

[lazar89nis]

I am using the last version of SDK 0.5.2 and doing tests on iOS atm.
I have used https://mapstyle.withgoogle.com/ to generate a test style for our map. We want to be able to do some customisation. This works by using setMapStyle. If you look at the video, the first few frames are in, let's say, dark mode. After I press the start navigation button, my map style changes. Is there a way to fix this somehow?

await GoogleMapsNavigator.initializeNavigationSession();
final NavigationRouteStatus status =
        await GoogleMapsNavigator.setDestinations(destinations);

if (status == NavigationRouteStatus.statusOk) {
        await GoogleMapsNavigator.startGuidance();
}

EDIT: I just tested this same code on Android and it works fine, so style is there before and after navigation starts.
Another thing I did notice is that style is removed as soon I set setNavigationUIEnabled to true and its back when I set it to false.

Simulator.Screen.Recording.-.iPhone.16.Pro.Max.-.2025-04-04.at.09.18.19.mp4

[jokerttu]

@lazar89nis
Map customization is not yet available for NavigationViews. However, it is on the roadmap for the native SDKs and will be implemented in this plugin once those become available.

[lazar89nis]

Thanks for replay.

[rajeshbdabhi]

@jokerttu native sdk is providing UI customization can you please implement into flutter plugin here is link

https://developers.google.com/maps/documentation/navigation/android-sdk/controls

[lazar89nis]

Hey, looks like there is a way to set up style in navigation mode since version 10.2.0
https://developers.google.com/maps/documentation/navigation/ios-sdk/customize-map-styles

[jokerttu]

Hi @lazar89nis and @rajeshbdabhi,

You are correct; the latest native SDK versions now support cloud-based map styling using Map IDs. We plan to add support for this in this package as well, once we resolve a few remaining blockers related to integrating the latest SDK versions with Flutter.