mapsplugin / cordova-plugin-googlemaps

Google Maps plugin for Cordova
Apache License 2.0
1.66k stars 918 forks source link

Can not control the map with the latest version #1727

Closed lhsantos closed 7 years ago

lhsantos commented 7 years ago

I'm submitting a ... (check one with "x") [X ] question [ ] any problem or bug report [ ] feature request

The plugin version: (check one with "x") [ X] 2.0-beta3 (github) [ ] 2.0 (npm)

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

cordova information: (run $> cordova plugin list)

cordova-plugin-browsertab 0.2.0 "cordova-plugin-browsertab"
cordova-plugin-buildinfo 1.1.0 "BuildInfo"
cordova-plugin-compat 1.1.0 "Compat"
cordova-plugin-console 1.0.7 "Console"
cordova-plugin-device 1.1.6 "Device"
cordova-plugin-file 4.3.3 "File"
cordova-plugin-geolocation 2.4.3 "Geolocation"
cordova-plugin-globalization 1.0.7 "Globalization"
cordova-plugin-googlemaps 2.0.7-beta-20170908-1807 "cordova-plugin-googlemaps"
cordova-plugin-googleplus 5.1.1 "Google SignIn"
cordova-plugin-inappbrowser 1.7.1 "InAppBrowser"
cordova-plugin-insomnia 4.3.0 "Insomnia (prevent screen sleep)"
cordova-plugin-nativeaudio 3.0.9 "Cordova Native Audio"
cordova-plugin-nativestorage 2.2.2 "NativeStorage"
cordova-plugin-splashscreen 4.0.3 "Splashscreen"
cordova-plugin-statusbar 2.2.3 "StatusBar"
cordova-plugin-whitelist 1.3.2 "Whitelist"
cordova-universal-links-plugin 1.2.1 "Universal Links Plugin"
ionic-plugin-keyboard 2.2.1 "Keyboard"

If you use @ionic-native/google-maps, please show me the package.json

  "dependencies": {
    "@angular/common": "^4.3.6",
    "@angular/compiler": "^4.3.6",
    "@angular/compiler-cli": "^4.3.6",
    "@angular/core": "^4.3.6",
    "@angular/forms": "^4.3.6",
    "@angular/http": "^4.3.6",
    "@angular/platform-browser": "^4.3.6",
    "@angular/platform-browser-dynamic": "^4.3.6",
    "@angular/tsc-wrapped": "^4.3.6",
    "@ionic-native/barcode-scanner": "^4.2.1",
    "@ionic-native/core": "3.12.1",
    "@ionic-native/device": "^4.2.1",
    "@ionic-native/file": "^4.2.1",
    "@ionic-native/geolocation": "^4.2.1",
    "@ionic-native/globalization": "^4.2.1",
    "@ionic-native/google-maps": "^4.2.1",
    "@ionic-native/google-plus": "^4.2.1",
    "@ionic-native/in-app-browser": "^4.2.1",
    "@ionic-native/insomnia": "^4.2.1",
    "@ionic-native/native-audio": "^4.2.1",
    "@ionic-native/native-storage": "^4.2.1",
    "@ionic-native/splash-screen": "3.12.1",
    "@ionic-native/status-bar": "3.12.1",
    "@ionic/storage": "2.0.1",
    "@ngx-translate/core": "^7.2.2",
    "@ngx-translate/http-loader": "^1.0.2",
    "cordova-custom-config": "^4.0.2",
    "firebase": "^4.3.1",
    "fs-extra": "^4.0.1",
    "geofire": "^4.1.2",
    "ionic-angular": "3.6.0",
    "ionicons": "3.0.0",
    "ng2-cordova-oauth": "0.0.8",
    "promise-polyfill": "^6.0.2",
    "raven-js": "^3.17.0",
    "rxjs": "5.4.0",
    "sw-toolbox": "3.6.0",
    "zone.js": "0.8.12"
  },
  "devDependencies": {
    "@ionic/app-scripts": "2.1.3",
    "ionic": "3.9.2",
    "typescript": "2.3.4"
  }

Current behavior: Until the last beta version of the plugin I used (2.0.0-beta3-20170903-1743) the zoom gesture was working without problems. Now it's not. What am I doing wrong? Did I miss something? I checked the documentation and my code seems OK.

const options = <GoogleMapOptions>{
      mapType: 'MAP_TYPE_ROADMAP',
      controls: {
        compass: false,
        myLocationButton: false,
        indoorPicker: false,
        mapToolbar: false
      },
      gestures: {
        scroll: true,
        tilt: false,
        zoom: true,
        rotate: false,
      },
      styles: [
        {
          featureType: 'all',
          stylers: [{visibility: 'simplified'}]
        }
      ],
      preferences: {
        zoom: {
          minZoom: this.appConfig.pos.minZoom,
          maxZoom: this.appConfig.pos.maxZoom
        }
      },
      camera: {
        target: new LatLng(35.0197067, 135.7756016),
        zoom: this.appConfig.pos.initialZoom
      },
      building: false
    };
    this.map = this.googleMaps.create('map', options);
wf9a5m75 commented 7 years ago

"@ionic-native/core": "3.12.1

This have to be 4.2.1

lhsantos commented 7 years ago

I just saw and changed this, but still nothing, all my packages are on the latest version (I did run npm update, btw):

"dependencies": {
    "@angular/common": "^4.3.6",
    "@angular/compiler": "^4.3.6",
    "@angular/compiler-cli": "^4.3.6",
    "@angular/core": "^4.3.6",
    "@angular/forms": "^4.3.6",
    "@angular/http": "^4.3.6",
    "@angular/platform-browser": "^4.3.6",
    "@angular/platform-browser-dynamic": "^4.3.6",
    "@angular/tsc-wrapped": "^4.3.6",
    "@ionic-native/barcode-scanner": "^4.2.1",
    "@ionic-native/core": "^4.2.1",
    "@ionic-native/device": "^4.2.1",
    "@ionic-native/file": "^4.2.1",
    "@ionic-native/geolocation": "^4.2.1",
    "@ionic-native/globalization": "^4.2.1",
    "@ionic-native/google-maps": "^4.2.1",
    "@ionic-native/google-plus": "^4.2.1",
    "@ionic-native/in-app-browser": "^4.2.1",
    "@ionic-native/insomnia": "^4.2.1",
    "@ionic-native/native-audio": "^4.2.1",
    "@ionic-native/native-storage": "^4.2.1",
    "@ionic-native/splash-screen": "^4.2.1",
    "@ionic-native/status-bar": "^4.2.1",
    "@ionic/storage": "2.0.1",
    "@ngx-translate/core": "^8.0.0",
    "@ngx-translate/http-loader": "^1.0.2",
    "cordova-custom-config": "^4.0.2",
    "firebase": "^4.3.1",
    "fs-extra": "^4.0.1",
    "geofire": "^4.1.2",
    "ionic-angular": "^3.6.1",
    "ionicons": "3.0.0",
    "ng2-cordova-oauth": "0.0.8",
    "promise-polyfill": "^6.0.2",
    "raven-js": "^3.17.0",
    "rxjs": "^5.4.3",
    "sw-toolbox": "3.6.0",
    "zone.js": "^0.8.17"
  },
  "devDependencies": {
    "@ionic/app-scripts": "2.1.3",
    "ionic": "3.9.2",
    "typescript": "2.3.4"
  }
wf9a5m75 commented 7 years ago

The plugin doea not modify any touch event (actually can not).

wf9a5m75 commented 7 years ago

If you want to inspect your code by me, please share your project files(or demo project). I will inspect it tomorrow.

lhsantos commented 7 years ago

I just checked out this commit:

https://github.com/mapsplugin/cordova-plugin-googlemaps/commit/a0a044bc36965cebeb71aec2448a07346705ce3d

And the zoom is working. However, on the latest versions both at npm and the repository, it's not. I think maybe the zoom option is being disabled even though the field has value "true"? I think I'll just use the latest version that works for now. I'll prepare a test repository to share with you soon.

wf9a5m75 commented 7 years ago

Umm, I haven't touched around the gesture. Please share the demo project.

lhsantos commented 7 years ago

OK, the bare minimum example is enough to reproduce. At least, in both my devices the zoom simply stopped working. I have no idea about what might be happening. I've committed to the same project you were already added as a collaborator: https://github.com/lhsantos/gmapstest

isrmicha commented 7 years ago

any updates ?

wf9a5m75 commented 7 years ago

I have an update, but I have been testing for another projects as well. Please wait for a while.

isrmicha commented 7 years ago

Im using Ionic 3, cant drag/click marker or anything. Dont know if is this bug.

wf9a5m75 commented 7 years ago

I fixed the bugs. Please reinstall from the multiple_maps branch.

isrmicha commented 7 years ago

Now its working, thanks !