2014-05-11 171 views
1

我使用角1.2.15和角度谷歌-地图1.0.18显示几十标记的可见性。我想要做的是独立地打开/关闭标记组(由类名指定)的可见性。我可以使用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}]; 

而在另一个函数(这里没有显示)我加载每个吸墨纸的故事。每个故事都有经度和纬度属性。

回答

0

我能够通过从角谷歌-地图切换到angularjs-google-maps来实现此。然后,我使用标准的Google Maps API为标记添加一个标记对象到范围中的每个故事。例如,请参阅here