Capacitor Google Maps plugin not displaying maps on Android devices in Ionic Vue 3 apps

[banushanp]

Bug Report

Plugin(s)

• @capacitor/google-maps: [6]

• @capacitor/core: [6]

• @ionic/vue: [8]

• @ionic/vue-router: [8]

Capacitor Version

Paste the output from the npx cap doctor command into the code block below. This will provide the versions of Capacitor packages and related dependencies.

Platform(s)
Android devices

Current Behavior
The Google Map is not displayed on Android devices. The map container is visible, but the map itself does not render. This issue occurs even after ensuring that the webview and all relevant elements are set to transparent.

Expected Behavior
The Google Map should be displayed correctly within the map container on Android devices, similar to how it appears on web browsers.

Code Reproduction
To isolate the cause of the problem, we ask you to provide a minimal sample application that demonstrates the issue.

Other Technical Details
• Android SDK version: [version]

• Node.js version: [version]

• npm/yarn version: [version]

• Ionic CLI version: [version]

• Capacitor CLI version: [version]

Additional Context
• The issue persists even after setting ion-content, html, and body to transparent.

• No errors are shown in the console log.

• The map works fine on web browsers but not on Android devices.