Question

我在Angular项目中使用this directive作为Google地图。

<map center="50.4501, 30.5234" zoom="11" style="height: 100%" data-tap-disabled="true">
    <marker ng-repeat="item in items | limitTo: 50" icon="img/marker.png" position="{{item.coords}}" eventid={{item.id}} on-click="go()">
    </marker>
</map>

我需要使用function更改标记的可见性，返回true / false。

我试图用ng-if =“isVisible（）”，ng-show =“isVisible（）”，通过设置标记的属性visible =“isVisible（）” - 没有任何效果。

有什么想法吗？非常感谢。

Answer 1

使用专为调用各种UI相关API而设计的angularjs-google-maps库。

嵌入此库后，您可以像使用Google地图时一样调用所有API。例如，要控制特定标记的可见性，请使用以下代码：

<map center="[40.74, -74.18]">
  <marker
      position="[40.76, -74.16]"
      title="Hello Marker"
      animation="Animation.BOUNCE"
      draggable="true"
      visible="true"
      icon="beachflag.png"></marker>
</map>

如何动态更改Google地图标记的可见性

1 个答案: