| 1 | # @ionic-native/google-maps (v5.5.0)
|
| 2 |
|
| 3 | @ionic-native/google-maps plugin is a wrapper plugin for [cordova-plugin-googlemaps](https://github.com/mapsplugin/cordova-plugin-googlemaps) for Ionic framework.
|
| 4 |
|
| 5 | 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.
|
| 6 |
|
| 7 | ------------------------
|
| 8 |
|
| 9 | ## Installation
|
| 10 |
|
| 11 | First of all, you need to generate API keys for Google Maps APIs.
|
| 12 | - [How to generate API keys?](https://github.com/ionic-team/ionic-native-google-maps/blob/master/documents/api_key/generate_api_key.md)
|
| 13 |
|
| 14 | Second, run following command to install `@ionic-native/core` and `@ionic-native/google-maps` plugins in your project.
|
| 15 |
|
| 16 | ```
|
| 17 | npm install @ionic-native/core@beta @ionic-native/google-maps@beta
|
| 18 |
|
| 19 | ionic cordova plugin add https://github.com/mapsplugin/cordova-plugin-googlemaps#multiple_maps --variable API_KEY_FOR_ANDROID="..." --variable API_KEY_FOR_IOS="..."
|
| 20 | ```
|
| 21 |
|
| 22 | ------------------------
|
| 23 |
|
| 24 | ## Documentation
|
| 25 |
|
| 26 | For the full Ionic Native documentation, please checkout this page.
|
| 27 |
|
| 28 | - [\@ionic-native/google-maps official documents](https://github.com/ionic-team/ionic-native-google-maps/blob/master/documents/README.md)
|
| 29 |
|
| 30 |
|
| 31 | Also there are documents/demos for your help:
|
| 32 |
|
| 33 | - [cordova-plugin-googlemaps official documents](https://github.com/mapsplugin/cordova-plugin-googlemaps-doc/blob/master/v2.3.0/README.md)
|
| 34 |
|
| 35 | - [@ionic-native/google-maps get started](https://github.com/mapsplugin/cordova-plugin-googlemaps-doc/blob/master/v2.3.0/ionic-native/README.md)
|
| 36 |
|
| 37 | - [\@ionic-native/google-maps slide](https://docs.google.com/presentation/d/e/2PACX-1vScoho1ensbR4qCI9AIuQN55BZVvK73pAjI7sumDvW3CrxxHnrmpXWUjx2-8CpFibqU1EjLKCRhuthJ/pub?start=false&loop=false&delayms=3000)
|
| 38 |
|
| 39 | ## Demo
|
| 40 | - [(ionic v4)@ionic-native/google-maps quick example](https://github.com/mapsplugin/ionic-googlemaps-quickdemo-v4)
|
| 41 |
|
| 42 | - [(ionic v3)@ionic-native/google-maps quick example](https://github.com/mapsplugin/ionic-googlemaps-quickdemo)
|
| 43 |
|
| 44 |
|
| 45 | ------------------------
|
| 46 |
|
| 47 | ## Troubles?
|
| 48 |
|
| 49 | Before asking your trouble, please check the trouble shooting guides.
|
| 50 | - [Trouble shootings](https://github.com/mapsplugin/cordova-plugin-googlemaps-doc/tree/master/troubleshootings/README.md)
|
| 51 |
|
| 52 | If you can't solve your problem, please report to [ionic-native-google-maps](https://github.com/ionic-team/ionic-native-google-maps/issues) repository.
|