angular2 google 地图上的动态 show/hide 标记

Question

有没有办法在点击按钮等时显示/隐藏标记的信息窗口

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

angular2 google 地图上的动态 show/hide 标记

Dynamically show/hide markers on angular2 google map

angular

angular2-google-maps