使用Angular / Ionic

时间:2018-10-04 15:33:02

标签: angular google-maps markers ionic4

我正在尝试加载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>();

0 个答案:

没有答案
相关问题