我想使用agm-map和agm-marker动态地基于半径对标记进行聚类

时间:2020-07-25 09:16:22

标签: javascript google-maps google-maps-markers markerclusterer agm

在加载页面时,后端每次都会发送动态数量的地图位置。因此,群集应自动选择半径在50公里之内的位置或城市中的位置(无论如何容易),并将它们群集在一起,并在缩小时仅显示totalCountMarker。放大时,totalCountMarker应该隐藏并且所有标记都应该显示。

以下是html代码段:

            <agm-marker
              *ngFor="let marker of markers"
              [latitude]="marker.lat"
              [longitude]="marker.lng"
              [opacity]="opacity"
              [iconUrl]= "marker.icon"
              (markerClick)="clickedMarker(infoWindow)"
              [agmFitBounds]="true" </agm-marker>
           </agm-map>

和角度代码:

this.markers = [] // contains all markers

// clusters should be defined about here

半径在50公里之内的标记或城市中的标记应聚集成一个totalCountMarker_n,因为那里存在许多标记...

agm-marker-cluster也将是动态的,具体取决于集群。

0 个答案:

没有答案
相关问题