Josh Morony Creating an Advanced Google Maps is not working

Ionic Framework ionic-v3
1

First of all, I had to thank Josh Morony for great tutorials.
since last night I was trying to use this tutorial but the map is not loading.
Any one used it?

2

It’s over a year old? I don’t even need to open it. Anything that hasn’t been updated in the last few months is suspicious. Maybe he posted something newer later, his book contains similar content, and he keeps that updated.

3

Josh has very good tutorials but I don’t understand why map is not loading.

4

what exactly is not working for you?

5

Everything is looking fine but map is not loading.

image
image.png1366×768 65.7 KB

6

maybe this warning about api key is the problem?

7

regarding these lines without the kes even should work, however, I used the valid key.

if(this.apiKey){
        script.src = 'http://maps.google.com/maps/api/js?key=' + this.apiKey + '&callback=mapInit';
      } else {
        script.src = 'http://maps.google.com/maps/api/js?callback=mapInit';      
      }
8

I had the same problem, with ionic serve it was good but on real devices i just saw a white screen.
Something is outdated in it. I decided to switch to the ionic native google maps :slight_smile:

9

That code even on read device is not working.