Can not touch the map with the maps plugin v2.2.2

[cklinx]

I'm submitting a ... (check one with "x")

• [ ] question
• [x] any problem or bug report
• [ ] feature request

If you choose 'problem or bug report', please select OS: (check one with "x")

• [x] Android
• [ ] iOS

cordova information: (run $> cordova plugin list)

insert the output from the command here

If you use @ionic-native/google-maps, please tell the package.json (only @ionic-native/core and @ionic-native/google-maps are fine mostly)

Current behavior: With 2.0.0 version everything works fine. Latest versions not working as well on phonegap build. Map loads correctly but cant do anything with touch (rotate maps, touch on poi, ect)

Expected behavior: Latest versions should work like the 2.0.0

Screen capture or video record:

Related code, data or error log (please format your code or data):

The person who share your project files on Github (or other git repository) is in faster lane than other people.
Please share your project files on Github or others(Bitbucket, Gitlabs...etc).
If you don't want to share your project files, please create a demo project, then share it.

Screen captures, and/or native logs(such as Logcat, xcode logs) are appreciate.

Giving much information, you are waiting time is less.
Thank you for your cooperation.

[wf9a5m75]

Please share your project files on github.

[wf9a5m75]

ping

[cklinx]

I'm using Vuejs with Quasar Framework and phonegap build.

Is enough that i change this line in my config.xml <plugin name="cordova-plugin-googlemaps" spec="2.0.0">

with a bigger spec ex. <plugin name="cordova-plugin-googlemaps" spec="2.2.2">

the map freezes and i cant do anything with touch.

I will try to share the code.

[wf9a5m75]

In order to reproduce your issue, please share your project files. Otherwise, please debug by yourself

[cklinx]

Here the code: google maps project

the component that i use is "test/src/components/GeoGoogleMapsCordova.vue"

When i use this code with the version 2.0.0 in my config.xml everything works.

[wf9a5m75]

Thank you for sharing, but it seems you don't include the config.xml file

[cklinx]

Share the config.xml also!

Is in the root.

[wf9a5m75]

Thank you for sharing. Could you tell me how to build and run your project? I'm not familiar with Quasar Framework

[cklinx]

Sure, after install quasar in the root project just give quasar build it will create a "dist" folder with compiled files inside. Those files must be included in 'www' phonegap folder with this structure:

• www (inside the compiled files)
• config.xml

zip everything and load on phonegap build site.

[wf9a5m75]

Ok, I finally figured out the reason.

First of all, the v2.0.0 and v2.2.2 are completely different softwares. So comparing each others are non-sense.

In the v2.2.2, the touch recognition complies with the CSS rules perfectly(I believe so), such as z-index and overflow rules. In your app, the parent element of the map div has overflow: hidden, and the element height is 0.

(you can click the images)

That's why the map div(<div id="map_canvas">) can not receive the touch event, thus, you can not touch the map.

[cklinx]

Thanks man! Was my code fault.

[wf9a5m75]

You are welcome.

By the way, I appreciate if you support for this project. This is not mandatory asking, but I appreciate if you donate some tip because I spend my private time.

This is $5 donation link at paypal