如何设置ng-map标记可见性?

时间:2017-04-27 13:44:09

标签: angular ng-map

我正在尝试通过html属性设置ng-map marker可见性选项。 我一直在苦苦挣扎两个小时。 提前谢谢。

<div ng-app="mapApp" ng-controller="mapController">
    <ng-map default-style="true" zoom="5" center="usa">

        <marker
                position="usa" options="{visible:false}">
        </marker>
    </ng-map>
</div>

这是我的小提琴https://jsfiddle.net/AlexLavriv/La52ggbw/1/

1 个答案:

答案 0 :(得分:1)

您可以使用ng-if停用标记

<div ng-app="mapApp" ng-controller="mapController">
    <ng-map default-style="true" zoom="5" center="usa">

        <marker ng-if="showMarkers"
                position="usa" options="{...}">
        </marker>
    </ng-map>
</div>

在您的控制器中

$scope.showMarkers=false;

<强> LIVE DEMO