Question

我正在使用角度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}];

在另一个功能（这里没有显示）中，我加载每个吸墨纸的故事。每个故事都有纬度和经度属性。

Answer 1

我能够通过从angular-google-maps切换到angularjs-google-maps来实现这一点。然后，我使用标准Google maps api实现标记，为范围中的每个故事添加标记对象。有关示例，请参阅here。

动态改变标记的可见性

1 个答案: