Cordova-plugin-googlemaps: Cordova Maps 2.1.1 - Ionic1 App - Map Not Scrolling, Body scrolls instead

Created on 9 Dec 2017  路  1Comment  路  Source: mapsplugin/cordova-plugin-googlemaps

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")
[ ] Android
[X] iOS

cordova information: (run $> cordova plugin list)

com.googlemaps.ios 2.5.0 "Google Maps SDK for iOS"
cordova-plugin-add-swift-support 1.7.0 "AddSwiftSupport"
cordova-plugin-compat 1.2.0 "Compat"
cordova-plugin-console 1.1.0 "Console"
cordova-plugin-device 1.1.7 "Device"
cordova-plugin-geolocation 2.4.3 "Geolocation"
cordova-plugin-googlemaps 2.1.1 "cordova-plugin-googlemaps"
cordova-plugin-ionic 1.1.9 "IonicCordova"
cordova-plugin-keyboard 1.2.0 "Keyboard"
cordova-plugin-screen-orientation 2.0.2 "Screen Orientation"
cordova-plugin-splashscreen 4.1.0 "Splashscreen"
cordova-plugin-statusbar 2.3.0 "StatusBar"
cordova-plugin-whitelist 1.3.3 "Whitelist"
es6-promise-plugin 4.1.0 "Promise"
ionic-plugin-keyboard 2.2.1 "Keyboard"

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

Current behavior:
Hello, we have an app that uses ionic1, we upgraded the maps plugin from v1 to v2 by following your instruction which removes the plugin completely then re-adds it with the keys. The maps work as in it is showing up as shown in the attached picture however the map doesn't scroll/move when you swipe at all, instead the html body tries to scroll. When attempting to scroll the right side scroll bar shows up as if you are attempting to scroll on the page and not the map. Any chance you can help shed more light on this?

Thank you!

HTML:

<ion-view>

  <ion-content>

  <div id="map" style="height:100%;position:relative;">

  </div>

  </ion-content>

</ion-view>

Screen capture or video record on iOS 10.3 - iPhone 6 Plus:
googlemapsnotscrolling

screen shot 2017-12-09 at 7 07 00 am

Most helpful comment

I found it. For some reason version 2.1.1 adds the maps behind some other components. The solution is to add a high z-index such as 9000.

>All comments

I found it. For some reason version 2.1.1 adds the maps behind some other components. The solution is to add a high z-index such as 9000.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

nakulkundaliya picture nakulkundaliya  路  5Comments

christoph-puppe picture christoph-puppe  路  5Comments

ebellempire picture ebellempire  路  3Comments

vosecek picture vosecek  路  3Comments

Tong2203 picture Tong2203  路  5Comments