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.