2014-05-11 2 views
1

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.

Répondre

0

J'ai été en mesure de mettre en œuvre cela en passant de angular-google-maps à angularjs-google-maps. Ensuite, j'ai implémenté des marqueurs en utilisant l'API standard de Google Maps pour ajouter un objet marqueur à chaque histoire de la portée. Voir here pour un exemple.

Questions connexes