在angular2谷歌地图上动态显示/隐藏标记

Question

有没有办法在点击按钮等内容时显示/隐藏infoWindow标记。

我有一个场景，我在地图上加载了来自我的JSON的标记和infoWindow内容，并在页面上显示了关联的图像。我需要在点击图片时显示相应的infoWindow。

当我点击地图上的标记时，我能够看到infoWindow。但我想在点击图片时重现同样的事情。

对方法的推动将是一个很大的帮助。

Answer 1

这是visible属性。 https://angular-maps.com/docs/api/latest/ts/core/index/SebmGoogleMapMarker-directive.html

<sebm-google-map-marker 
[latitude]="lat" 
[longitude]="lng" 
[label]="'M'" 
visible="visible" 
(markerClick)="markerClick()">
 </sebm-google-map-marker>

在(markerClick)="markerClick()"事件上放置并更新可见变量。

private visible: boolean = true;
markerClick() {
  this.visible = !this.visible;
}