Обработка маркеров googlemaps с помощью Angular / Ionic

Question

Я пытаюсь загрузить маркеры googlemaps и после нажатия на один из них отображать некоторую информацию на новой странице с помощью Ionic 4. Итак, я показываю маркеры с циклом for и подписываюсь на событие click.Это лучший подход для этого?

Кроме того, этот код работает не так, как ожидалось.После нажатия информация не передается должным образом другому компоненту.Я передаю информацию в службу.И я использую модуль ionic-native-google-maps.Можете ли вы дать руководство?Заранее спасибо

Для загрузки маркеров:

public placeMarkers(markers: MarkerOptions[]) {

    for (let moptions of markers) {
      this.map.addMarkerSync(moptions).on(GoogleMapsEvent.MARKER_CLICK)
      .subscribe( (moptions) => {
        this.markersService.markerSelected.emit(moptions);
        this.router.navigate(['/placeDetails']);
       });
    }
  }

В другом компоненте:

ngOnInit() {
    this.markersService.markerSelected.subscribe(
      (marker: MarkerOptions) => console.log(marker)
    );
  }

В сервисе:

markerSelected = new EventEmitter<MarkerOptions>();