angular 1.2.15 と angular-google-maps 1.0.18 を使用して、数十のマーカーを表示しています。私がやりたいことは、(クラス名で指定された) マーカーのグループの可視性を動的にオン/オフすることです。angular-google-maps ディレクティブを使用して、マップとすべてのマーカーをレンダリングできます。angular-google-maps でマーカーの可視性を動的に変更する方法がわかりません。どんな助けでも大歓迎です。
HTML:
<google-map center="map.center" zoom="map.zoom" draggable="true">
<markers ng-repeat="blotter in blotters" class="{{blotter.name}}" models="blotter.stories" options="{visible:true}" coords="'self'" doCluster="true">
</markers>
</google-map>
コントローラ:
$scope.map = {
center: {latitude: 39.111, longitude: -119.89},
zoom: 10
};
$scope.blotters= [{ 'stories': [], 'title': 'Local News', 'name': 'local_news', 'id': 1, 'filterString': filterString1},
{ 'stories': [], 'title': 'Sports', 'name': 'sports', 'id': 2, 'filterString': filterString2},
{ 'stories': [], 'title': 'Local Government','name': 'local_government', 'id': 3, 'filterString': filterString3}];
そして、別の関数 (ここには示されていません) で、各ブロッターのストーリーを読み込みます。これらの各ストーリーには、緯度と経度の属性があります。