Ionic 2 - Google Maps Nativ: Marker Click-Ereignis nicht ausgelöst

Question

ich verwende Ionic 2 und die google maps cordova plugin.

"cordova-plugin-Googlemap": "^ 2.0.11"

Ich kann nicht diese Zuhörer bekommen zu schießen.

wird die Markierung auf der Karte hinzugefügt, aber das Click-Ereignis nicht den Alarm nicht ausgelöst.

Danke für die Hilfe!

let latlng = new LatLng(spot.lat, spot.long); 
    let markerOptions: MarkerOptions = { 
     'position': latlng, 
     'animation': 'drop' 
     }; 


     this.map.addMarker(markerOptions).then((marker: Marker) => { 
     marker.addEventListener(GoogleMapsEvent.MARKER_CLICK).subscribe(e => { 
      alert('foo'); 
     }); 
     }); 

Weitere Informationen

@ionic-native/core: 'version': 3.7.0

@ionic-native/google-maps: 'version': '4.3.0'

import { GoogleMaps, GoogleMap, GoogleMapsEvent, GoogleMapOptions, CameraPosition, MarkerOptions, LatLng, Marker } from '@ionic-native/google-maps';

ich durch mehrere latlong Koordinaten am Looping und sie auf der Karte hinzufügen. Das Ereignis wird für keines von ihnen ausgelöst.

Wenn ich versuche, die auch nur eine der Markierungen zu anbringen es funktioniert auch nicht.

Schließlich, wenn ich eine andere Alarmbereitschaft versetzen sie nicht schießen. Ist es möglich, dass das Zusatzmarkerversprechen nicht aufgelöst wird?

this.map.addMarker(markerOptions).then((marker: Marker) => { 
    alert('in here'); 
marker.addEventListener(GoogleMapsEvent.MARKER_CLICK).subscribe(e => { 
    alert('foo'); 
}); 
}); 

Answer 1

sollten Sie dies versuchen. Es funktionierte gut für mich

marker.on(GoogleMapsEvent.MARKER_CLICK).subscribe((latLng: LatLng) => { 
    // do something 
}); 

Answer 2

Sie müssen @ionic-native/core@4.4.0 und @ionic-native/google-maps@4.4.0 verwenden. Mindestens @ionic-native/core@3.7.0 ist zu alt.

$> npm uninstall @ionic-native/core @ionic-native/google-maps 
$> cordova plugin rm cordova-plugin-googlemaps 

$> npm install @ionic-native/core@latest @ionic-native/googlemaps@latest 
$> cordova plugin add cordova-plugin-googlemaps --variable API_KEY_FOR_ANDROID="..." --variable API_KEY_FOR_IOS="..." --no-fetch 

Vom @ionic-native/google-maps@4.4.0 wird die Art und Weise eine Karte zu schaffen geändert.

export class HomePage { 

    map: GoogleMap; 

    constructor() { // <-- no longer need to define in constructor 
    } 

    ionViewDidLoad() { 
    this.loadMap(); 
    } 

    loadMap() { 
    this.map = GoogleMaps.create('map_canvas'); // <-- changed 
    this.map.one(GoogleMapsEvent.MAP_READY).then(() => { 
     ... 
    }); 
    } 
}