需要在angular 5中访问谷歌地图标记的子infoWindow

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>

import { Component, OnInit } from '@angular/core';
import { ViewChild } from '@angular/core';
import { AgmMap, AgmMarker, AgmInfoWindow } from '@agm/core';

npm install @agm/core

export class YourComponent implements OnInit {
  @ViewChild(AgmMap) map: AgmMap;
  @ViewChild(AgmMarker) marker: AgmMarker;
  @ViewChild(AgmInfoWindow) infoWindow: AgmInfoWindow;

  // 其他组件代码...
}

<agm-map [latitude]="lat" [longitude]="lng">
  <agm-marker [latitude]="markerLat" [longitude]="markerLng" [label]="'Marker'">
    <agm-info-window>
      <div>
        This is the infoWindow content.
      </div>
    </agm-info-window>
  </agm-marker>
</agm-map>

export class YourComponent implements OnInit {
  // 其他组件代码...

  showInfoWindow() {
    this.infoWindow.open();
  }

  hideInfoWindow() {
    this.infoWindow.close();
  }
}