@chacabuk/ionic-native-google-maps

FORK

@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 @chacabuk/ionic-native-core and @chacabuk/ionic-native-google-maps plugins in your project.

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

ionic cordova plugin add https://github.com/TSFArg/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:

Demo

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.