Google Maps doesn't work on v2


#1

I’m following the documentation and it gives a runtime error. (https://ionicframework.com/docs/v2/native/google-maps/)
I did a research and some people told me to try build and run at iOS, but it gives me a blank page, but the positive point that it shows the message that the map is loaded.

WARNING: ['GoogleMaps'] took '279.256836' ms. Plugin should use a background thread.
2017-01-26 15:54:24.007556 FSLocator[9135:5060288] Map is ready!

If i try loading locally on browser (ionic serve), it shows this message.

Runtime Error
Uncaught (in promise): [object Object]

Ionic Framework: 2.0.0
Ionic Native: 2.4.1
Ionic App Scripts: 1.0.0
Angular Core: 2.2.1
Angular Compiler CLI: 2.2.1
Node: 6.2.2
OS Platform: macOS Sierra
Navigator Platform: MacIntel
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/55.0.2883.95 Safari/537.36

#2

I have no issues using Google Maps. You need to paste your code here. You are not giving us much information to help you


#3

Ionic native plugin is not supposed to work with ionic serve, if you have real device it’s better to run your code on it. If you have a blank page so it’s good, maybe it’s a problem with your style ? Have you add the style=“height: 100%” in your code or your sass file ?