Skip to content

Demo using Google Maps Native SDK v2 (wf9a5m75/phonegap-googlemaps-plugin) and Ionic Framework

Notifications You must be signed in to change notification settings

fjsnogueira/ionic-google-maps-starter

 
 

Repository files navigation

Ionic and Google Maps Native SDK v2

Starter using Google Maps Native SDK v2 and Ionic Framework created by me.

Special thanks to wf9a5m75 for create the plugin used in this integration and all collaborators of Ionic Framework, Cordova Project and Cordova Plugins.

Dependencies

  • Ionic CLI installed (required)
  • Cordova 5.x.x installed (required)
  • *Android and/or iOS environment installed (optional, but required if you don't have devices to test)

*To run the starter inside an Android Virtual Device, you need request Google Play Services into the Android Emulator Environment and change the project configurations to use it.

Usage

For begin, clone this project and run the following commands in your terminal:

$ cd ionic-google-maps-starter && npm install

When npm installation finish, you need put your credentials API_KEY_FOR_ANDROID and API_KEY_FOR_IOS generated in Google Console inside the package.json file.

After set your API Keys successfully, you need restore the state of project and to do this, please run:

$ ionic state restore

And now, when restore finish, you need follow the next steps in each platform supported:

iOS

Just run your project using the following commands:

$ ionic build ios
$ ionic run ios

Note: If the version that you're testing is the iOS 9 or greater you'll change in the Build Settings tab the value Enable Bitcode to NO, like the example below:

Android

Just run the following command to open the project inside a device connected:

$ ionic run android --device

But, if you want run inside a Android Emulator, please read my considerations in Dependencies chapter of this README.md and run:

$ ionic run android

PROTIP: If you want use this starter with Crosswalk, check the wiki of plugin.

Screenshots

Observations

This starter are using the wf9a5m75's version of plugin phonegap-googlemaps-plugin that you can found in wf9a5m75/phonegap-googlemaps-plugin.

License

MIT License © Beto Muniz

About

Demo using Google Maps Native SDK v2 (wf9a5m75/phonegap-googlemaps-plugin) and Ionic Framework

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 84.3%
  • CSS 15.7%