在加载页面时,后端每次都会发送动态数量的地图位置。因此,群集应自动选择半径在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也将是动态的,具体取决于集群。