1

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

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

4

1 回答 1

0

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

于 2014-05-13T17:05:00.757 回答