Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[iOS] googleMapId is not working on iOS devices #5250

Open
v-andreichuk-geniusee opened this issue Dec 5, 2024 · 7 comments
Open

[iOS] googleMapId is not working on iOS devices #5250

v-andreichuk-geniusee opened this issue Dec 5, 2024 · 7 comments
Labels
bug Something isn't working released on @alpha

Comments

@v-andreichuk-geniusee
Copy link

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

@v-andreichuk-geniusee v-andreichuk-geniusee added the bug Something isn't working label Dec 5, 2024
@roshan-ship-it
Copy link

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
Copy link
Collaborator

salah-ghanim commented Dec 25, 2024

@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
Copy link

Valairan commented Jan 6, 2025

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.

@anahids-ff
Copy link

I still have this problem :(

@react-native-maps-bot
Copy link
Collaborator

🎉 This issue has been resolved in version 1.21.0-alpha.64 🎉

The release is available on:

Your semantic-release bot 📦🚀

@salah-ghanim
Copy link
Collaborator

@anahids-ff @Valairan this will definitely be solved once we release the new Fabric release (currently in alpha)

no effort is being done on master at the moment until alpha is promoted to public release

@anahids-ff
Copy link

Thanks @salah-ghanim! Please let us know when alpha is release 🙌🏻

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working released on @alpha
Projects
None yet
Development

No branches or pull requests

6 participants