googlemaps#635 - Background color configuration for the cluster marker

FFFFFF · Mar 13, 2020 · 68e2431 · 68e2431
1 parent 5d5430f
commit 68e2431
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/packages/markerclustererplus/src/cluster-icon.ts b/packages/markerclustererplus/src/cluster-icon.ts
@@ -120,6 +120,12 @@ export interface ClusterIconStyle {
    * @default `"0 0"`
    */
   backgroundPosition?: string;
+    /**
+   * The background color for the cluster marker
+   *
+   * @default `"#00A2D3"`
+   */
+  backgroundColor?: string;
 }
 
 /**
@@ -437,6 +443,8 @@ export class ClusterIcon extends OverlayViewSafe {
       left: coercePixels(pos.x),
       width: coercePixels(this.style.width),
       height: coercePixels(this.style.height),
+      'background-color': this.style.backgroundColor,
+      '--background-color': this.style.backgroundColor,
       cursor: "pointer",
       position: "absolute",
       "-webkit-user-select": "none",

diff --git a/packages/markerclustererplus/src/markerclusterer.ts b/packages/markerclustererplus/src/markerclusterer.ts
@@ -1182,6 +1182,7 @@ export class MarkerClusterer extends OverlayViewSafe {
       fontStyle: "normal",
       fontFamily: "Arial,sans-serif",
       backgroundPosition: "0 0",
+      backgroundColor: "#00A2D3",
       ...overrides
     };
   }