@ionic-native/google-maps

@ionic-native/google-maps (for ionic v3 / last release)

@ionic-native/google-maps plugin is a wrapper plugin for cordova-plugin-googlemaps for Ionic framework.

Ionic Native wraps plugin callbacks in a Promise or Observable, providing a common interface for all plugins and making it easy to use plugins with Angular change detection.

---

Notice

This is the last release version for ionic 3.

Installation for ionic 3

First of all, you need to generate API keys for Google Maps APIs.

• How to generate API keys?

Second, run following command to install @ionic-native/core and @ionic-native/google-maps plugins in your project.

npm install @ionic-native/core @ionic-native/google-maps

ionic cordova plugin add cordova-plugin-googlemaps --variable API_KEY_FOR_ANDROID="..." --variable API_KEY_FOR_IOS="..."

Demo for ionic 3

https://github.com/mapsplugin/ionic-googlemaps-quickdemo

---

Installation for ionic 4 beta

First of all, you need to generate API keys for Google Maps APIs.

• How to generate API keys?

Second, run following command to install @ionic-native/core and @ionic-native/google-maps plugins in your project.

npm install @ionic-native/core@beta @ionic-native/google-maps@beta

ionic cordova plugin add cordova-plugin-googlemaps --variable API_KEY_FOR_ANDROID="..." --variable API_KEY_FOR_IOS="..."

Demo for ionic 4

https://github.com/mapsplugin/ionic-googlemaps-quickdemo-v4

---

Documentation

For the full Ionic Native documentation, please checkout this page.

• @ionic-native/google-maps official documents

Also there are documents/demos for your help:

• cordova-plugin-googlemaps official documents

• @ionic-native/google-maps get started

• @ionic-native/google-maps quick example

• @ionic-native/google-maps slide

---

Troubles?

Before asking your trouble, please check the trouble shooting guides.

• Trouble shootings

If you can't solve your problem, please report to ionic-native-google-maps repository.