agm-arker-cluster открывает информационное окно места, когда оно внизу, но не должно - PullRequest
Новая
       42

agm-arker-cluster открывает информационное окно места, когда оно внизу, но не должно

0 голосов
/ 25 октября 2018

Я получил возможность отображать маркеры на agm-map, которые сгруппированы с использованием agm-map-cluster.Однако есть один случай, когда все это ломается.Когда под кластером есть какое-то место, и кто-то щелкает там, оно не только увеличивает, но и открывает информационное окно этого места.

нежелательное поведение behaviour

Код

component.html 

<agm-map #gm [latitude]="latitude" [longitude]="longitude" [(zoom)]="mapZoom" [zoomControl]="true" [draggable]="true"
    [scrollwheel]="false" [mapTypeControl]="false" [scaleControl]="false" [usePanning]="true">
    <agm-marker-cluster [styles]="clusterStyles">
        <agm-marker *ngFor="let marker of markers; trackBy: trackMarkerFn" [latitude]="marker.latitude" [longitude]="marker.longitude"
            [draggable]="false" [iconUrl]="getMarkerImage(marker)" (markerClick)="markerClick(marker, infoWindow)">
      </agm-marker>
    </agm-marker-cluster>
    <agm-marker [latitude]="latConst" [longitude]="lngConst" [draggable]="false"></agm-marker>
</agm-map>

component.ts 

  latitude = 0;
  longitude = 0;

  markers: ServicePoint[] = [];

  mapZoom = 13;

  clusterStyles = [
    {
      textColor: 'black',
      url: 'assets/images/m1.png',
      height: 50,
      width: 50,
      zIndex: 30 //with or without it doesn't make a difference
    },
    {
      textColor: 'black',
      url: 'assets/images/m1.png',
      height: 50,
      width: 50,
      zIndex: 30
    },
    {
      textColor: 'black',
      url: 'assets/images/m1.png',
      height: 50,
      width: 50,
      zIndex: 30
    }
  ];

Есть ли способ предотвратить это?Я пытался играть с z-индексами - не повезло.Попытка полного удаления информационного окна, но я хочу, чтобы оно отображалось, когда пользователь нажимает на место, которое не покрыто кластером

...