cordova-plugin-googlemaps: Uncaught TypeError: Cannot read property 'push' of undefined

I’m submitting a … (check one with “x”) [x] question [ ] any problem or bug report [ ] feature request

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

cordova information: (run $> cordova plugin list)

cordova-plugin-compat 1.2.0 "Compat"
cordova-plugin-device 1.1.4 "Device"
cordova-plugin-geolocation 2.4.3 "Geolocation"
cordova-plugin-googlemaps 2.0.11 "cordova-plugin-googlemaps"
cordova-plugin-splashscreen 4.0.3 "Splashscreen"
cordova-plugin-statusbar 2.2.2 "StatusBar"
cordova-plugin-whitelist 1.3.1 "Whitelist"
ionic-plugin-keyboard 2.2.1 "Keyboard"

If you use ionic-native/google-maps, please show me the package.json “dependencies”: { “angular/common”: “4.1.3”, “angular/compiler”: “4.1.3”, “angular/compiler-cli”: “4.1.3”, “angular/core”: “4.1.3”, “angular/forms”: “4.1.3”, “angular/http”: “4.1.3”, “angular/platform-browser”: “4.1.3”, “angular/platform-browser-dynamic”: “4.1.3”, “ionic-native/core”: “3.12.1”, “ionic-native/geolocation”: “^4.2.1”, “ionic-native/google-maps”: “^4.3.0”, “ionic-native/splash-screen”: “3.12.1”, “ionic-native/status-bar”: “3.12.1”, “ionic/storage”: “2.0.1”, “ngx-translate/core”: “6.0.1”, “ngx-translate/http-loader”: “0.0.3”, “chart.js”: “^2.7.0”, “cordova-android”: “^6.3.0”, “cordova-plugin-compat”: “^1.2.0”, “cordova-plugin-device”: “^1.1.4”, “cordova-plugin-geolocation”: “^2.4.3”, “cordova-plugin-googlemaps”: “git+https://github.com/mapsplugin/cordova-plugin-googlemaps.git”, “cordova-plugin-splashscreen”: “^4.0.3”, “cordova-plugin-statusbar”: “^2.2.2”, “cordova-plugin-whitelist”: “^1.3.1”, “ionic-angular”: “3.6.1”, “ionic-plugin-keyboard”: “^2.2.1”, “ionicons”: “3.0.0”, “rxjs”: “5.4.0”, “sw-toolbox”: “3.6.0”, “tslint-config-airbnb”: “^5.3.0”, “zone.js”: “0.8.12” },

Current behavior: Gets an error but the marker is marked;

Uncaught TypeError: Cannot read property ‘push’ of undefined

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

this.map.addMarker({
            title: 'Current Location',
            icon: 'red',
            animation: 'DROP',
            position: {
              lat: this.location.lat,
              lng: this.location.lng,
            },
            draggable: true,
          }).then((marker) => {
            marker.addEventListener(GoogleMapsEvent.INFO_CLICK).subscribe(() => {
              console.log('ffv');
            });
          });

About this issue

Original URL
State: closed
Created 7 years ago
Reactions: 2
Comments: 19 (6 by maintainers)

Most upvoted comments

In my case the error shows when i use the old way to create map: this.map = new GoogleMap(this.mapElement, mapOptions);

When i create the map using this.map = this.googleMaps.create(this.mapElement, mapOptions); , the error disapear but i can’t see map, i verify api key’s and all stufs…

uiktiomasfeliz on Oct 16, 2017

The error got fixed when this.map = this.googleMaps.create(this.mapElement, mapOptions); is used insted of this.map = new GoogleMap(this.mapElement, mapOptions);

Thanks @uiktiomasfeliz @wf9a5m75 for the help

RanmalN on Oct 16, 2017

already have that lines, i was using "cordova-plugin-googlemaps": "^1.4.1" and everything was going good, after update to 2.x, the map doesn’t show anymore…

Also followed “Use the cordova-googlemaps-plugin v2.0 with Crosswalk plugin” and ionic-team#7205, same results 😦

I finally downgrade the version and it works correctly again. I will try in the future to update version and I will open a new thread explaining the solution

I tested on ios and works fine, the problem still on android

uiktiomasfeliz on Oct 17, 2017

Are you kidding me? The home.ts in your repo is just this.

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {
  constructor(public navCtrl: NavController) {
  }
}

Even you didn’t install the plugin.

{
  "name": "googleMapsDemo",
  "version": "0.0.1",
  "author": "Ionic Framework",
  "homepage": "http://ionicframework.com/",
  "private": true,
  "scripts": {
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "lint": "ionic-app-scripts lint",
    "ionic:build": "ionic-app-scripts build",
    "ionic:serve": "ionic-app-scripts serve"
  },
  "dependencies": {
    "@angular/common": "4.4.3",
    "@angular/compiler": "4.4.3",
    "@angular/compiler-cli": "4.4.3",
    "@angular/core": "4.4.3",
    "@angular/forms": "4.4.3",
    "@angular/http": "4.4.3",
    "@angular/platform-browser": "4.4.3",
    "@angular/platform-browser-dynamic": "4.4.3",
    "@ionic-native/core": "4.3.0",
    "@ionic-native/splash-screen": "4.3.0",
    "@ionic-native/status-bar": "4.3.0",
    "@ionic/storage": "2.0.1",
    "ionic-angular": "3.7.1",
    "ionicons": "3.0.0",
    "rxjs": "5.4.3",
    "sw-toolbox": "3.6.0",
    "zone.js": "0.8.18"
  },
  "devDependencies": {
    "@ionic/app-scripts": "3.0.0",
    "typescript": "2.3.4"
  },
  "description": "An Ionic project"
}

I’m angry.

wf9a5m75 on Oct 13, 2017

You didn’t update the dependency module at all.

wf9a5m75 on Oct 13, 2017