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

Question

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

我有一个场景，我从地图上的 JSON 加载了标记和 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;
}