Add Geocoding to Google Maps plugin

[GuelorEmanuel]

Is there any methods for cordova-plugin-googlemaps for performing Geocoding as shown here "https://github.com/mapsplugin/cordova-plugin-googlemaps/wiki/Geocoder"

[ihadeed]

No I missed that functionality. Will be added later.

[GuelorEmanuel]

@ihadeed
Thank you, how long will this take?

[ihadeed]

See #292

Added it, just haven't tested it yet. Not sure how that class works.

[GuelorEmanuel]

@ihadeed
Cool, thanks. Going to test the method and see how its goes.

[mgarciadash]

Hello,
Could you showme an example of Geocoding for IONIC 2, been trying without success.

Thanks in advance.

[mifkys]

import { Geocoder, Geolocation } from 'ionic-native';
export class HomePage {
...
	getUserLocation () {
		// Определяем текущие координаты
		this.platform.ready().then(() => {
			Geolocation.getCurrentPosition({timeout: 3000}).then(
				(resp) => {
					let req = {
						position: {
							lat: resp.coords.latitude,
							lng: resp.coords.longitude
						}
					}
					// Определяем название города
					Geocoder.geocode(req).then(
						(res) => {
							// do something
						}
					);
				}, 
				(err) => {
				}
			);
		});
	}
...
}

[mgarciadash]

Thank You for your quick answer.

I copied and paste your example but didnt work.

In getCurrentPosition() im getting empty error {} (then not enter to Geocoder section)

And isolate geocode() returns emty array []

this.platform.ready().then(() => {
let req = {
position: {
lat: 40.7127837,
lng: -74.00594130000002
}
}
Geocoder.geocode(req).then(
(res) => {
console.log(res);
}
);
});

Tensting on Device (Android 6.0.1)
Environment: Ionic 2.1.14, node v7.2.1, cordova 6.4.0

[mifkys]

I have the app in Play Market with this code and all works. Are you install cordova google maps plugin with api key?

[mgarciadash]

Yes, i've tried with:

cordova plugin add cordova-plugin-googlemaps --variable API_KEY_FOR_ANDROID="MY_API_KEY" --variable API_KEY_FOR_IOS="MY_API_KEY"

ionic plugin add cordova-plugin-googlemaps --variable API_KEY_FOR_ANDROID="MY_API_KEY" --variable API_KEY_FOR_IOS="MY_API_KEY"

Even with:

ionic plugin add https://github.com/phonegap-googlemaps-plugin/cordova-plugin-googlemaps --variable API_KEY_FOR_ANDROID="MY_API_KEY" --variable API_KEY_FOR_IOS="MY_API_KEY"

cordova plugin add https://github.com/mapsplugin/cordova-plugin-googlemaps --variable API_KEY_FOR_ANDROID="MY_API_KEY" --variable API_KEY_FOR_IOS="MY_API_KEY"

Before, every time I run:

cordova plugin rm cordova-plugin-googlemaps
cordova plugin rm com.googlemaps.ios

[sudharsanmit]

Goelocation is already part of ionic-native module. You can see the docs for examples too. A Cordova plugin itself will not be necessary I believe.

On Wednesday, January 11, 2017, mgarciadash ***@***.***> wrote: Yes, i've tried with: cordova plugin add cordova-plugin-googlemaps --variable

API_KEY_FOR_ANDROID="MY_API_KEY" --variable API_KEY_FOR_IOS="MY_API_KEY"

ionic plugin add cordova-plugin-googlemaps --variable

API_KEY_FOR_ANDROID="MY_API_KEY" --variable API_KEY_FOR_IOS="MY_API_KEY"

Even with: ionic plugin add

https://github.com/phonegap-googlemaps-plugin/cordova-plugin-googlemaps --variable API_KEY_FOR_ANDROID="MY_API_KEY" --variable API_KEY_FOR_IOS="MY_API_KEY"

cordova plugin add https://github.com/mapsplugin/cordova-plugin-googlemaps

--variable API_KEY_FOR_ANDROID="MY_API_KEY" --variable API_KEY_FOR_IOS="MY_API_KEY"

Before, every time I run: cordova plugin rm cordova-plugin-googlemaps cordova plugin rm com.googlemaps.ios — You are receiving this because you commented. Reply to this email directly, view it on GitHub, or mute the thread.<

https://ci4.googleusercontent.com/proxy/8wGp6Q_etj0Y1EgbJBQtXe7-0d8jgHxiuEr7lgaXmD2xnLlur8eMdK4Vpi7-MCdknQzojtLTe_Oah40HWE4W9ee3GON4IkmX0r_dNMfaNtHHZ8Rtbo395WqcxrN9I3bV0EK9zfOZyM8hL0FjL6BWxxbbVbK-kw=s0-d-e1-ft#https://github.com/notifications/beacon/AP-IYb9_GUYHJ9gZzjj1_dL1Nw5U1nPDks5rRRIxgaJpZM4JI0Cy.gif>

[mgarciadash]

Ok, began from zero...

I removed the plugin i had with:

cordova plugin rm cordova-plugin-googlemaps
cordova plugin rm com.googlemaps.ios

Then tried and nothing.

Also i checked Enabled APIs in console.developers.google and enable:

- Google Maps Android API
- Google Maps Geocoding API
- Google Maps Geolocation API
- Google Maps SDK for IOS

And i added the plugin again using:

cordova plugin add cordova-plugin-googlemaps --variable API_KEY_FOR_ANDROID="MY_API_KEY" --variable API_KEY_FOR_IOS="MY_API_KEY"

And everything works now !

[mgarciadash]

Also notice that not works on emulator nor device -livereload :O

[janand4]

@mgarciadash, I did the same steps as mentioned above and I still get an empty array for res : this.platform.ready().then(() => {
let req = {
position: {
lat: 40.7127837,
lng: -74.00594130000002
}
}
Geocoder.geocode(req).then(
(res) => {alert(res);
}
);
});

I am running this code on iOS emulator and ionic view. How did you test out the output?

[josepena0409]

Just as an FYI for people looking at this issue. When running on an emulator, it will not work. You need to run this on your mobile device. The Geocoder grpc fails in android studio emulator. bug has been identified.