[Solved] Cannot read property 'BaseArrayClass' of null

Ionic Framework ionic-v3
1

Hello,
hello,
i trying to set a googlemaps in my app following this documentation https://ionicframework.com/docs/native/google-maps/ ,
but when i run the app i have this error:


ERROR TypeError: Cannot read property 'BaseArrayClass' of null
    at new BaseArrayClass (index.js:621)
    at GoogleMaps.create (index.js:371)
    at HomePage.webpackJsonp.195.HomePage.loadMap (home.ts:39)
    at HomePage.webpackJsonp.195.HomePage.ionViewDidLoad (home.ts:22)
    at ViewController._lifecycle (view-controller.js:566)
    at ViewController._didLoad (view-controller.js:439)
    at Tab.NavControllerBase._didLoad (nav-controller-base.js:950)
    at t.invoke (polyfills.js:3)
    at Object.onInvoke (core.es5.js:3890)
    at t.invoke (polyfills.js:3)

how i can fix it?
Thanks :slight_smile:

2

Wow, this is happening to me too!

3

I’m going to blindly speculate that y’all are attempting to interact with Cordova stuff before Platform.ready() has resolved.

1 Like
4

Same here
It would be helpful if code were tested before documenting.
This is the ongoing saga of ionic.

1 Like
5

Mine works, and I started on the same page. If you google “Josh Morony ionic google map”, or something like it, he has a blog post from some time pretty recent that makes as a great follow up (avoid adding ‘backgroundColor’: ‘white’)

Also, the script that imports the google SDK (ends with initMap) benefits from having async defer added to it. That tripped me up for a good while.

1 Like
6

thanks i solved with this video tutorial :smiley:

7

Awesome! Glad it worked out for you @nadako.

8

I have the same problem in my application. I don’t know if this is the best shape but for me resolve for now. (sorry, my english is not very good rsrs).

So try change this:

this.googleMaps.create(this.mapElement, mapOptions);

For this:

this.map = new GoogleMap(this.mapElement, mapOptions);

3 Likes
9

Thanks @cvalencia ! This worked for me.