は動的に私はマーカーと私からの情報ウィンドウコンテンツをロードしたシナリオを持っているなど</p> <p>ボタンのようなもののクリックでマーカーの表示/非の情報ウィンドウを表示する方法はありangular2グーグルマップ

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; 
}