Problem with marker.getposition() in ionic 2

[veder2431]

I am unable to get the coordinates of the marker once i move it around the map:
I am using:
"@ionic-native/geolocation": "^4.0.0", "@ionic-native/google-maps": "^4.0.0",

i am using the next fuction to initialize the marker:

 position: string = "";
  const GOOGLE:LatLng =  new LatLng(21.1213285,-86.9193511);
  loadMap() {
        
    let element: HTMLElement = document.getElementById("map");

    this.map = this.googleMaps.create(element);

    this.map.one(GoogleMapsEvent.MAP_READY).then(
      () => {
        this.presentToast("Mapa listo");

        let markerOptions: MarkerOptions = {
          position: GOOGLE,
          title: 'My position',
          snippet: "Soprendente",
          draggable: true
        };
        this.map.addMarker(markerOptions).then((maker: Marker) => {
          maker.showInfoWindow();
          maker.addEventListener(GoogleMapsEvent.MARKER_DRAG_END).subscribe((some: any) => {

            maker.getPosition().then((lt) => {
              this.position = lt.lat.toString() + " " + lt.lng.toString();

            }).catch(err => {
              this.presentToast("Error: " + err.toString());
            });

          }, (err) => {
            this.presentToast("Error: " + err.toString());
          });
        }).catch((err) => {
          this.presentToast("Error: " + err.toString());
        });

        this.map.animateCamera({
          target: GOOGLE,
          zoom: 16,
          duration: 4000
        });
      }
    ).catch((err) => {
      this.presentToast("error: " + err);
    });
  }

In my promises I don't get any errors, but I don't get the new position of the marker either

[wf9a5m75]

I'm not familiar with ionic, but I think

maker.getPosition().then((lt) => {
              this.position = lt.lat.toString() + " " + lt.lng.toString();

is wrong.

let lt = maker.getPosition();
this.position = lt.lat.toString() + " " + lt.lng.toString();

[veder2431]

Unfortunately it did not help, I get this error: Property 'lat' does not existe on type 'Promise'

[wf9a5m75]

Um. The ionic wrapper is wrong.
https://github.com/ionic-team/ionic-native/blob/master/src/%40ionic-native/plugins/google-maps/index.ts#L1462-L1463

This plugin returns the position value as synchronize.

cordova-plugin-googlemaps/www/Marker.js

Lines 132 to 138 in 520cd25

	Marker.prototype.getPosition = function() {
	var position = this.get('position');
	if (!(position instanceof LatLng)) {
	return new LatLng(position.lat, position.lng);
	}
	return position;
	};

[veder2431]

Thanks for your help! I'm gonna check this issue in the ionic native git

[wf9a5m75]

I sent a pull request.

danielsogl/awesome-cordova-plugins#1815

[veder2431]

I have question, with the pull request everything should work fine right?

[wf9a5m75]

I think so, but I'm not familiar with ionic. I haven't tested it. Please test it, and please let me know if there are any problems.

[veder2431]

The problem continue, I don't getPosition() of marker.

[wf9a5m75]

Yes, pull request is not accepted yet.
danielsogl/awesome-cordova-plugins#1815

[wf9a5m75]

I have been still waiting the ionic team merge the pull request for some reason.

[wf9a5m75]

The pull request has been accepted. Please reinstall the plugin.

[veder2431]

thanks very much, it works correctly.

[wf9a5m75]

Sounds good