map v7 is not clickable or draggable in android

[rodrigues86]

Bug Report

Plugin(s)

classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:2.0.21"
classpath 'com.android.tools.build:gradle:8.7.1'
classpath 'com.google.gms:google-services:4.4.1'

Capacitor Version

"@capacitor/android": "^7.0.1",
"@capacitor/app": "^7.0.0",
"@capacitor/camera": "^7.0.0",
"@capacitor/core": "^7.0.1",
"@capacitor/device": "^7.0.0",
"@capacitor/geolocation": "^7.1.1",
"@capacitor/google-maps": "^7.0.1",
"@capacitor/cli": "^7.0.1",

Platform(s)

node 20.18.3
android 14 (device testing)
@ionic/react: 8.0.0
JavaVersion.VERSION_21

Current Behavior

When open the map on android device and the user click or drag map, the app closes no errors. In android emulator is ok

Expected Behavior

Map clickable and draggable

Code Reproduction

  const mapRef = useRef<HTMLElement>(null);
  const [map, setMap] = useState<GoogleMap | null>(null);

GoogleMap.create({
          id: "rr-map",
          element: mapRef.current,
          apiKey: import.meta.env.KEY,
          config: {
            center: coordinate,
            zoom: 15,
            clickableIcons: true,
            fullscreenControl: true,
          },
        })
          .then((googleMaps: GoogleMap) => {
            console.log("googleMaps", googleMaps);
            console.log("mapRef", mapRef);

            if (isNative) {
              googleMaps.enableCurrentLocation(true);
              googleMaps.enableTouch();
              googleMaps.enableAccessibilityElements(true);
            }

            googleMaps.setOnMapClickListener((data) => {
              try {
                showToast({
                  message: `${data.latitude}, ${data.longitude}`,
                  duration: 3000,
                  color: "success",
                });
              } catch (error) {
                console.error("Error onMapClick:", error);
              }
            });

            googleMaps.addMarker({
              coordinate,
              title: profile.name,
            });

            setMap(googleMaps);

          })

Other Technical Details

vs code

[peixo]

It works for me by enabling it only for iOS.. Example :

if (isIOS) { googleMaps.enableCurrentLocation(true); googleMaps.enableTouch(); googleMaps.enableAccessibilityElements(true); }

[OS-pedrogustavobilro]

Hey @rodrigues86, can you try with the latest plugin version please - 7.0.2?

[rodrigues86]

Hey @rodrigues86, can you try with the latest plugin version please - 7.0.2?

Hello Pedro, I fixed my problem in this PR
Can you see please?

[OS-pedrogustavobilro]

Hey @rodrigues86, I appreciate the contribution you made in your PR, but I must say that this plugin is meant to have 100% native implementations for the mobile platforms - Java/Kotlin for Android and Swift for iOS, and not web code.

Your issue seems similar to others #64 + #78, which is why I ask for you to test with the latest version, where the issue (assuming it is the same) should now be fixed.

[OS-pedrogustavobilro]

I'm closing this issue since it should be fixed in latest plugin version and there was no reply to my previous comment. Also based on what I shared on the previous comment, I shall have to close your PR too. We apologize, but do appreciate your contribution!

Should this issue still happen in latest plugin version (v8), please re-open the issue (or if not possible, create a new one), and share a sample application (not just code snippet) that reproduces the issue, as that increases the chances of the team picking it up sooner.

Thank you!

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of the plugin, please create a new issue and ensure the template is fully filled out.