Class MarkersForClustersComponent

Example

...
<mgl-map ...>
  <mgl-markers-for-clusters
    [source]="myGeoJsonclusteredSource"
    [markerOptions]="{ anchor: 'bottom' }"
    [clusterMarkerOptions]="{ anchor: 'center' }"
  >
    <ng-template mglPoint let-feature> Marker! </ng-template>
    <ng-template mglClusterPoint let-feature>
      ClusterId: {{feature.properties?.cluster_id}}, Points:
      {{feature.properties?.point_count}}
    </ng-template>
  </mgl-markers-for-clusters>
</mgl-map>
Copy

markerOptions are applied to every marker this component renders. clusterMarkerOptions are merged on top of markerOptions and applied to cluster markers only, so they only need to contain the differences from markerOptions.

Note: Only use this if you really need to use HTML/Angular component to render your symbols. This is slower than rendering symbols in WebGL.