J'utilise l'angle 1.2.15 et l'angular-google-maps 1.0.18 pour afficher plusieurs dizaines de marqueurs. Ce que je veux faire, c'est activer/désactiver indépendamment la visibilité des groupes de marqueurs (désignés par le nom de la classe) dynamiquement. Je suis capable d'utiliser la directive angular-google-maps pour rendre la carte et tous les marqueurs. Je ne sais pas comment modifier dynamiquement la visibilité des marqueurs avec angular-google-maps. Toute aide serait grandement appréciée.changer dynamiquement la visibilité des marqueurs
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>
Controller:
$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}];
Et dans une autre fonction (non représenté ici) je charge les histoires de chaque buvard. Chacune de ces histoires a un attribut de latitude et de longitude.