[Bug]: Google map not loading in the provided sample example

[Shubham10Rawat]

Is there an existing issue for this?

• I have searched the existing issues

Description of the bug

When running the sample app, the maps is not loading.

React Native version

0.81.1

React version

19.1.0

Package version

0.11.0

Native SDK versions

• I haven't changed the version of the native SDKs

React Native Doctor Output

Common
✓ Node.js - Required to execute JavaScript code
✓ yarn - Required to install NPM dependencies
✓ npm - Required to install NPM dependencies
✓ Watchman - Used for watching changes in the filesystem when in development mode
● Metro - Metro Bundler is not running

Android
✖ Adb - No devices and/or emulators connected. Please create emulator with Android Studio or connect Android device.
✓ JDK - Required to compile Java code
✓ Android Studio - Required for building and installing your app on Android
✖ ANDROID_HOME - Environment variable that points to your Android SDK installation
✓ Gradlew - Build tool required for Android builds
✖ Android SDK - Required for building and installing your app on Android

• Versions found: 28.0.3, 29.0.3, 30.0.2, 30.0.3, 31.0.0, 33.0.0, 34.0.0, 35.0.0
• Version supported: 36.0.0

iOS
✓ Xcode - Required for building and installing your app on iOS
✓ Ruby - Required for installing iOS dependencies
✓ CocoaPods - Required for installing iOS dependencies
✓ .xcode.env - File to customize Xcode environment

Errors: 3
Warnings: 1

Usage
› Press f to try to fix issues.
› Press e to try to fix errors.
› Press w to try to fix warnings.
› Press Enter to exit.

Steps to reproduce

1. Clone the repo.
2. Go to example folder - cd example
3. Install the packages - npm i
4. Run the sample app

Expected vs Actual Behavior

The sample app should load without any additional changes.

While running it, the sample app fails to load the map. There is no clear indication of any errors.

Code Sample

// Example code here

Additional Context

No response

[jokerttu]

@Shubham10Rawat
Hi! To use Google Maps Navigation on Android and iOS, you need to set up a Google Maps API key as described in the example app’s README.md.

Also use yarn as instructed at README.md#running-the-app as the example app uses yarn workspaces.

If the issue persists after setting up the Maps API keys, please let us know.

[Shubham10Rawat]

We were able to run this with NPM along with the API key, but we were facing issue where the Map UI was not visible. Google logo was visible, hence I am assuming that map is loading.

Facing some issue with the yarn setup. Will try to run this and get back. Can you please confirm if we are able to run this with yarn, the map is visible(on your end).
@jokerttu

[jokerttu]

@Shubham10Rawat
I just tested the example app with clean repocitory clone. Added API KEY as instructed on the ./example/README.md, the map loads correctly on both the iOS 18.6 and iOS 26.1 simulators, and on Android emulator as well.

Could you share the Xcode console output from when you run the example app on iOS?
And also Android logcat output.
This will help us identify what’s causing the issue on your side.

[sanspan1]

Hey @jokerttu,
We tried a fresh clone of the project, following the exact steps in the readme (for android only). Faced the below issues:

logcat.txt

[jokerttu]

Hi
@sanspan1
The logcat file did not provide any new information about the issue.
This could be related to how we detect view updates in the native code, but I’m not completely sure since I haven’t been able to reproduce the problem.

Can you check that Play Services are installed on the Android emulator you are using, as those are needed by the google maps / google maps navigation SDK's.

I have an upcoming feature that slightly changes how view invalidation is handled natively, and that might fix this issue.
I’ll mark this issue as related to that PR once it’s ready.

Could you try to rotate the phone with:

To see if the issue is related of view layout invalidation.

[ziga-hvalec]

We're having the same issue. can't reproduce but it is happening on production. Multiple android and ios users

[jokerttu]

We found iOS view visibility issues and those are already fixed in main branch.
Currently working on Android side to find a way to reproduce the issue and fix it.

Support for mapID feature updated a bit how Android Views are handled on native Android code and this might have already fixed the issue on android: visible on diff between 0.11.0 and main
These changes will be released as version 0.11.1 soon after we have runned all internal tests against the version.

If you are able to test if the issue is fixed on main branch by testing with git dependency:
"@googlemaps/react-native-navigation-sdk": "git@github.com:googlemaps/react-native-navigation-sdk.git#head=main"

NPM documentation for git dependencies

[reinhardholl]

I was having a similar issue, but getting latest main solved it for me.