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

【问题标题】：Dynamically show/hide markers on angular2 google map在 angular2 谷歌地图上动态显示/隐藏标记
【发布时间】：2017-04-08 15:42:22
【问题描述】：

有没有办法在单击按钮等时显示/隐藏标记的 infoWindow。

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

当我点击地图上的标记时，我可以看到 infoWindow。但我想在点击图片时重现相同的内容。

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

【问题讨论】：

标签： angular angular2-google-maps

【解决方案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;
}

【讨论】：