In IOS simulator navigation screen is showing blank map is not visible

[jaykishan23]

I had enabled maps sdk for IOS in the google console and added the api key in the appDelegate.mm file still the map is not visible

Thanks for stopping by to let us know something could be better!

---

PLEASE READ

If you have a support contract with Google, please create an issue in the support console. This will ensure a timely response.

Discover additional support services for the Google Maps Platform, including developer communities, technical guidance, and expert support at the Google Maps Platform support resources page.

If your bug or feature request is not related to this particular library, please visit the Google Maps Platform issue trackers.

Check for answers on StackOverflow with the google-maps tag.

---

Please be sure to include as much information as possible:

Environment details

1. Specify the API at the beginning of the title (for example, "Places: ...")
2. OS type and version
3. Library version and other environment information

Steps to reproduce

1. ?

Code example

# example

Stack trace

# example

Following these steps will guarantee the quickest resolution possible.

Thanks!

[jokerttu]

@jaykishan23 and Navigation SDK api is also enabled?
https://developers.google.com/maps/documentation/navigation/android-sdk/cloud-setup#enabling-apis

[jaykishan23]

@jokerttu Yes Navigation SDK api is already enabled

[jokerttu]

@jaykishan23
Do you see any errors in the Xcode console output when the issue occurs? If yes, could you share those logs here? They can provide important clues to help us identify the root cause.

[jaykishan23]

@jokerttu Below thread is coming in Xcode
Thread 10: EXC_BAD_ACCESS (code=2, address=0x1224f0000)

[jokerttu]

@jaykishan23 please give us following information:

1. Output of the react-native doctor
2. React native version
3. React version
4. Xcode version
5. Package version

This looks like a configuration issues.
Double check that the MAPS_API_KEY is configured at appDelegate.mm as instructed in the README.md
Also try to remove all restrictions from the api key at the google cloud console for testing purposes (remember to add proper restrictions back after testing)

[jaykishan23]

@jokerttu Hi, I had shared below details please let me know if u need more info :-

Output of the react-native doctor

iOS
✓ Xcode - Required for building and installing your app on iOS
✓ Ruby - Required for installing iOS dependencies
✓ CocoaPods - Required for installing iOS dependencies
✓ ios-deploy - Required for installing your app on a physical device with the CLI
✓ .xcode.env - File to customize Xcode environment

React native version : "0.75.4" & react version: "18.3.1"

Xcode version : Version 15.4 (15F31d)

"packageManager": "[email protected]"

[davidg327]

I have the same problem on android and ios, the map is displayed like this, I verified the key and it is not blocked and if I use react-native-maps, it does show me the map, I don't know if I need to configure something else the version I have of react native is "react-native": "0.74.5", as I already mentioned the appdelegate has the key and in android manifest, the code I am using is the same as in the documentation, I also adjusted the app.tsx to validate the NavigationProvider but nothing or does it still does not show me the map, I hope you can help me thanks.