[iOS] googleMapId is not working on iOS devices

[v-andreichuk]

Summary

When I try to apply Cloud Styling to my application - nothing happens on iOS devices. However, on Android - everything works fine

Reproducible sample code

<MapView
  googleMapId="MY_MAP_ID"
  // other props
</MapView>

Steps to reproduce

1. Obtain/Create Custom Google Map Styling in Google Cloud Console;
2. Create Map ID in Map Management tab;
3. Associate Custom Map Styling with created Map ID;
4. Copy Map ID and pass it to the MapView component via googleMapId prop;

Expected result

iOS Google Map is styles accordingly to the Google Cloud config

Actual result

iOS Google Map remains the same after passing googleMapId

React Native Maps Version

1.20.1

What platforms are you seeing the problem on?

iOS (Google Maps)

React Native Version

0.76.3

What version of Expo are you using?

Not using Expo

Device(s)

iPhone 15 Pro

Additional information

No response

[roshan-ship-it]

I'm running into the same issue, somehow react-google-map is not injecting/passing mapid value to AIRGoogleMap. If directly hardcode the mapid in the AIRGoogleMap file then it works.

[salah-ghanim]

@v-andreichuk thanks for reporting this, it's part of the missing support for react-native Fabric / new arch.

please checkout
#5206

I will keep this open because it might get missed while doing the migration and it needs to be tested separately

[Valairan]

Has anyone found a solution?
Using a custom map style json works and the cloud style applies to andoird but on iOS the custom style does not render.
I have tried on an iPhone 11 and an iPhone SE 3rd Gen.