How to use ng-Hide to hide Pin in google maps?

Asked

Viewed 64 times

1

How do I toggle (Hide/show) for the pins on the map? I am using this library NGMAP:

My view code:

 <div map-lazy-load="https://maps-api-ssl.google.com/maps/api/js"
     map-lazy-load-params="{{googleMapsUrl}}" ng-init="my_map = map">
    <ng-map class="size-map-customer" zoom="{{dataMap.zoom}}" center="{{dataMap.center}}" geo-fallback-center="{{dataMap.center}}">
     <!--//OBS: tentei usar ng-hide mas não mudou nada -->
     <marker ng-hide="filters.display_other_markers=!filters.display_other_markers" id="modal_map_{{item.id}}" ng-repeat="item in dataMap.collection"
                icon="{{item.image}}"
                title="{{item.name}}"
                position="{{item.lat}}, {{item.lon}}"
                z-index="{{item.index}}"
                on-click="showModal(event, item)"
        >
        </marker>
        <info-window id="cached_school">
            <div ng-non-bindable="">
                <div class="box-infowindow" ng-class="store.class">
                    <span class="selo" ng-bind-html="store.title_type"></span>
                    <h4 ng-bind-html="store.name"></h4>
                    <p ng-if="store.phone != ''">Telefone: {{store.phone}}</p>
                    <p ng-bind-html="store.address"></p>
                </div>
            </div>

        </info-window>
    </ng-map>
</div>
No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.