de-robat/ionic-native-google-maps

Google maps plugin for Ionic Native

@ionic-native/google-maps (v5.5.0)

@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.

---

Installation

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 https://github.com/mapsplugin/cordova-plugin-googlemaps#multiple_maps

Third, update config.xml with your API keys.

<widget ...>
  ...
  <preference name="GOOGLE_MAPS_ANDROID_API_KEY" value="(api key)" />
  <preference name="GOOGLE_MAPS_IOS_API_KEY" value="(api key)" />
  ...
</widget>

---

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 slide

Demo

• (ionic v4)@ionic-native/google-maps quick example

• (ionic v3)@ionic-native/google-maps quick example

---

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.