Не могу скрыть предыдущее окно, прежде чем показывать следующее

Question

Я использую этот проект ( http://angular-google-maps.org/) для работы с AngularJS.

В документации https://nlaplante.github.io/angular-google-maps/ говорится, что мне нужно использовать оконную директиву для отображения информации.

Я использую директиву window внутри маркера.

Когда я нажимаю на маркер, отображается окно под ним.

Если я нажимаю на второй маркер, предыдущее окно не скрывается.

Атрибут show, кажется, не объединяется с isIconVisibleOnClick, поэтому я не могу найти, как скрыть все другие окна при отображении нового.

это код, который я использую:

myMapController.controller('MapController', [
'$scope',
'markerService',

function ( $scope, markerService ) {
var markerCollection = [];
$scope.options = {showWindow: false, window : {pixelOffset: new google.maps.Size(0, -30) , content: " - "  } };


angular.extend($scope, {
  map: {
    control: {},
    center: {
      latitude: 33.5,
      longitude: -112
    },
    zoom: 10,
    fit: true,
    visible: true,
    pan: true,
    options: {
      navigationControl: true,
      scaleControl: true
    }
  }
});

$scope.showWindow = function($index){
  for(var i = 0; 0 < $scope.markers.length; i++){
    $scope.markers[i].show =  false;
  }
};

$scope.verdad = false;

var setMapMarkers = function (){
  var markers = {};
  var index = 0;
  angular.forEach($scope.services, function (key) {
    var service = key.address;
    markerCollection.push(service);
    var serviceId = service.service.id;
    markers[index] = {
       coords: { "latitude": parseFloat(service.latitude), "longitude": parseFloat(service.longitude)},
       message: service.service.organization.name + "<br>" + service.phone,
       showWindow : false
    };
    index++;
  });
  $scope.markers = markers;

};
setMapMarkers();    

}]);

HTML

<google-map center='map.center' draggable='true' pan='true' zoom='map.zoom'>
        <layer type='TransitLayer'>
          <marker click='showWindow(m)' coords='m.coords' fit='true' idkey='$index' ng-repeat='m in markers'>
            <window isIconVisibleOnClick='true' options='{pixelOffset : options.window.pixelOffset}' show='m.show'>
              {{m.message}}
            </window>
          </marker>
        </layer>
      </google-map>

Я ценю вашу поддержку:)

Answer 1

Вы можете отслеживать предыдущий маркер и установить его "showWindow" в "ложь" при нажатии нового маркера.

Подобно,

_.each($scope.mymarkers, function(marker) {
    marker.onClick = function() {
        $scope.$apply(function() {
            if(prevMarker) {
                prevMarker.showWindow = false;
            }
            marker.showWindow = true;
            prevMarker = marker;
        });
    }
});