GEORGIOS NASIS
hallo there!thank you for effort to create the plugin!how can i implement it to a side menu? thank you very much!
Google Maps
Starter using Google Maps Native SDK
Free!
Beto Muniz
Member since 2015
Details
- Version:
- 1.0
- Size:
- 2mb
- Ionic:
- 1.0.0,1.0.1
- Platforms:
- iOS, Android
- Released:
- 9 years ago
- Updated:
- 9 years ago
- Category:
- Starters
- Tags:
- ionic, ionicframework, google, maps, google maps, android, ios, native, sdk
Starter using Google Maps Native SDK v2 and Ionic Framework created by obetomuniz.
Special thanks to wf9a5m75 for create the plugin used in this integration and all collaborators of Ionic Framework, Cordova Project and Cordova Plugins.
Dependencies
- NodeJS and NPM installed (required)
- 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, download this project and run the following commands in your terminal:
$ cd ionic-google-maps-starter && npm installWhen 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 restoreAnd 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 iosNote: 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 --deviceBut, if you want run inside a Android Emulator, please read my considerations in Dependencies chapter of this README.md and run:
$ ionic run androidPROTIP: If you want use this starter with Crosswalk, check the wiki of plugin.
Observations
This Starter are using the wf9a5m75 version of plugin phonegap-googlemaps-plugin that you can found in wf9a5m75/phonegap-googlemaps-plugin.
License
MIT License © Beto Muniz
Hey there! You'll need to log in before you can leave a comment here.
GEORGIOS NASIS
hi, i have an error. i run it in desktop and this comes up Uncaught ReferenceError: plugin is not defined at app.js 23
David Rosillo
HI there. I am trying to run in Android device, but the app only show the top menu. The map area only gets white. I have included both Android and IOS keys but nothing seems to happen. Any ideas?
Beto Muniz
+David Rosillo: You're installing the Android Services? Because this is a dependency if you run in an emulator, but you can read this observation in the documentation of this starter.
Beto Muniz
+GEORGIOS NASIS: About the problem of "plugin is not defined", you run the command `$ ionic state restore` ??? +GEORGIOS NASIS: About the side menu implementation, I don't have an example for you.
KEITA
@Beto Muniz after ionic state restore and run ionic serve i have this message Uncaught ReferenceError: plugin is not defined
Gabriele
Hi, when I try to run your demo on Android Simulator the app show me an alert with "Update Google Play services - ionic-gmaps-starters won't run unless you update Google Play services". The map is blank. What's the problem for you? Thank you
kouakou koffi josue
good template but when i emulate in my android device i just see the title, the map don't appear!! can u help me!! thank
DJ
It is working. You must be put your credentials API_KEY_FOR_ANDROID and API_KEY_FOR_IOS generated in Google Console inside the package.json first, and build it
Al Gor
Plugin still doesn't work. Uncaught ReferenceError: plugin is not defined Same issue has +GEORGIOS NASIS
Sergio Carabetta
Had to modify package.json file to change the keyboard plugin from "com.ionic.keyboard" to "ionic-plugin-keyboard" in the "cordovaPlugins" section, to avoid errors when restoring state.
Lev Izraelit
After adding the API keys and running "ionic state restore", I try to run on my android device and get an error: A problem occurred configuring root project 'android'. > Could not resolve all dependencies for configuration ':_debugCompile'. > Could not find any version that matches com.google.android.gms:play-services-maps:+. Searched in the following locations: https://repo1.maven.org/maven2/com/google/android/gms/play-services-maps/maven-metadata.xml https://repo1.maven.org/maven2/com/google/android/gms/play-services-maps/ Required by: :android:unspecified > Could not find any version that matches com.google.android.gms:play-services-location:+. Searched in the following locations: https://repo1.maven.org/maven2/com/google/android/gms/play-services-location/maven-metadata.xml https://repo1.maven.org/maven2/com/google/android/gms/play-services-location/ Required by: :android:unspecified
Abraham
this is not working for me ... I tried different method and solutions. Please provide an update for this app
Mubashar Shahzad
i have got a blank screen when i build it on device.do help me to resolve this issue.
R J
Hi Beto, can you respond to peoples comments below? This is not working for me either, I get the error "app.js:23 Uncaught ReferenceError: plugin is not defined" - basically it's not finding the google maps plugin. Please fix or remove from the ionic market?
R J
Hi Beto, can you respond to peoples comments below? This is not working for me either, I get the error "app.js:23 Uncaught ReferenceError: plugin is not defined" - basically it's not finding the google maps plugin. Please fix or remove from the ionic market?
Mubashar Shahzad
i have got a blank screen when i build it on device.do help me to resolve this issue.
Abraham
this is not working for me ... I tried different method and solutions. Please provide an update for this app
Lev Izraelit
After adding the API keys and running "ionic state restore", I try to run on my android device and get an error: A problem occurred configuring root project 'android'. > Could not resolve all dependencies for configuration ':_debugCompile'. > Could not find any version that matches com.google.android.gms:play-services-maps:+. Searched in the following locations: https://repo1.maven.org/maven2/com/google/android/gms/play-services-maps/maven-metadata.xml https://repo1.maven.org/maven2/com/google/android/gms/play-services-maps/ Required by: :android:unspecified > Could not find any version that matches com.google.android.gms:play-services-location:+. Searched in the following locations: https://repo1.maven.org/maven2/com/google/android/gms/play-services-location/maven-metadata.xml https://repo1.maven.org/maven2/com/google/android/gms/play-services-location/ Required by: :android:unspecified
Sergio Carabetta
Had to modify package.json file to change the keyboard plugin from "com.ionic.keyboard" to "ionic-plugin-keyboard" in the "cordovaPlugins" section, to avoid errors when restoring state.
Al Gor
Plugin still doesn't work. Uncaught ReferenceError: plugin is not defined Same issue has +GEORGIOS NASIS
GEORGIOS NASIS
hi, i have an error. i run it in desktop and this comes up Uncaught ReferenceError: plugin is not defined at app.js 23
kouakou koffi josue
good template but when i emulate in my android device i just see the title, the map don't appear!! can u help me!! thank
Gabriele
Hi, when I try to run your demo on Android Simulator the app show me an alert with "Update Google Play services - ionic-gmaps-starters won't run unless you update Google Play services". The map is blank. What's the problem for you? Thank you
KEITA
@Beto Muniz after ionic state restore and run ionic serve i have this message Uncaught ReferenceError: plugin is not defined
Beto Muniz
+GEORGIOS NASIS: About the problem of "plugin is not defined", you run the command `$ ionic state restore` ??? +GEORGIOS NASIS: About the side menu implementation, I don't have an example for you.
Beto Muniz
+David Rosillo: You're installing the Android Services? Because this is a dependency if you run in an emulator, but you can read this observation in the documentation of this starter.
David Rosillo
HI there. I am trying to run in Android device, but the app only show the top menu. The map area only gets white. I have included both Android and IOS keys but nothing seems to happen. Any ideas?
GEORGIOS NASIS
hallo there!thank you for effort to create the plugin!how can i implement it to a side menu? thank you very much!
DJ
It is working. You must be put your credentials API_KEY_FOR_ANDROID and API_KEY_FOR_IOS generated in Google Console inside the package.json first, and build it
Hey there! You'll need to log in before you can leave a rating here.
Argonaut
Works perfectly, great job. Just don't forget to enable google map api on your google console :)
Ngô Việt
Good.
DJ
Good
Ernesto Palafox
Thanks!
Bryan Martinez
Bien
{{ rating.comment }}
{{ rating.comment }}
Bryan Martinez
Bien
Ernesto Palafox
Thanks!
DJ
Good
Ngô Việt
Good.
Argonaut
Works perfectly, great job. Just don't forget to enable google map api on your google console :)