Add textColor Option

MetamediaTechnology · Jun 29, 2021 · ce4d06a · ce4d06a
1 parent c439b96
commit ce4d06a
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 4 deletions.
diff --git a/dist/longdomap.markercluster-src.js b/dist/longdomap.markercluster-src.js
diff --git a/dist/longdomap.markercluster-src.js.map b/dist/longdomap.markercluster-src.js.map
diff --git a/src/ConfigHandler.js b/src/ConfigHandler.js
@@ -7,6 +7,7 @@ export default class {
     constructor(options){
         this.maxZoom = options.maxZoom || null;
         this.minClusterSize = options.minClusterSize || 2;
+        this.textColor = options.textColor || 'black';
         this.gridSize = options.gridSize || 120;
         this.clusterRadius = options.clusterRadius || this.gridSize;
         this.averageCenter = options.averageCenter;

diff --git a/src/Icon.js b/src/Icon.js
@@ -245,6 +245,7 @@ export class IconLoader{
             elm.style.marginLeft = '-22px';
             elm.style.marginTop = '-22px';
             elm.style.overflow = 'hidden';
+            elm.style.color = `${this._config.textColor}`
             elm.className = 'marker-cluster marker-cluster-small leaflet-marker-icon';
             result.html = elm.outerHTML;
             result.size = {"width":44,"height":44};
@@ -257,7 +258,7 @@ export class IconLoader{
             elm.style.marginTop = `-${img.height/2}px`;
             elm.style.background = `url('${encodeURI(img.src)}') no-repeat center top`;
             elm.style.lineHeight = elm.style.height;
-            elm.style.color = 'black';
+            elm.style.color = `${this._config.textColor}`;
             elm.style.fontWeight = 'bold';
             elm.style.textAlign = 'center';
             result.html = elm.outerHTML;