Skip to content

ionic-team/ionic-native-google-maps

Repository files navigation

@ionic-native/google-maps (v5.27.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.

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.

Also there are documents/demos for your help:

Demo


Troubles?

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

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