动态更改标记的可见性答案

【问题标题】：dynamically change visibility of markers动态更改标记的可见性
【发布时间】：2023-04-04 08:40:02
【问题描述】：

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

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

【问题讨论】：

标签： angularjs angular-google-maps

【解决方案1】：

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

【讨论】：