如何从角度谷歌地图中获取标记对象而不单击它

Question

我基本上需要在点击按钮时隐藏标记。我正在使用有角度的谷歌地图，我想要检索地图上存在的标记的标记对象。我怎么能得到它。在下面的代码中，我传递标记json响应并在地图上创建标记。对此有任何帮助非常感谢。谢谢！！

<agm-map 
  #AgmMap
  (mapReady)="initMap($event)">

  <agm-marker 
      *ngFor="let m of markers; let i = index"
      [latitude]="m.lat"
      [longitude]="m.lng"
      [label]="m.label"
      [markerDraggable]="m.draggable"
      (dragEnd)="markerDragEnd(m, $event)">



  </agm-marker>
</agm-map>

Answer 1

我没有直接访问Google Maps Marker对象，而是建议通过Marker组件操纵标记可见性，visible属性似乎是一个很好的候选人。

假设制造商数据以下列格式表示

markers = [
    { Id: 1, name: "Oslo", lat: 59.923043, lng: 10.752839, visible: true },
    { Id: 2, name: "Stockholm", lat: 59.339025, lng: 18.065818, visible: true },
    { Id: 3, name: "Copenhagen", lat: 55.675507, lng: 12.574227, visible: true },
    { Id: 4, name: "Berlin", lat: 52.521248, lng: 13.399038, visible: true },
    { Id: 5, name: "Paris", lat: 48.856127, lng: 2.346525, visible: true }
  ];

和标记初始化如下：

<agm-marker *ngFor="let m of markers" [visible]="m.visible"  [latitude]="m.lat" [longitude]="m.lng" >
</agm-marker>

可以在按钮点击时更改标记可见性，如下所示：

toggleMarker(index) {
   this.markers[index].visible = !this.markers[index].visible;
}


<button (click)="toggleMarker(0)">Toggle marker</button>

Here is a demo