Breaking News: Grepper is joining You.com. Read the official announcement!

leaflet marker cluster change color

Strange Sardine answered on August 9, 2021 Popularity 9/10 Helpfulness 3/10

answer leaflet marker cluster change color

related leaflet marker cluster change color

leaflet marker cluster change color

Comment

.marker-cluster-small {
background-color: rgba(218, 94, 94, 0.6);
}
.marker-cluster-small div {
background-color: rgba(226, 36, 36, 0.6);
}
.marker-cluster-medium {
background-color: rgba(241, 211, 87, 0.6);
}
.marker-cluster-medium div {
background-color: rgba(240, 194, 12, 0.6);
}

.marker-cluster-large {
background-color: rgba(253, 156, 115, 0.6);
}
.marker-cluster-large div {
background-color: rgba(241, 128, 23, 0.6);
}

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: javascript leaflet marker

Link to this answer
Share Copy Link

Contributed on Aug 09 2021

Strange Sardine

0 Answers Avg Quality 2/10

Closely Related Answers

leaflet marker cluster change color

Comment

iconCreateFunction: function (cluster) {
 var childCount = cluster.getChildCount();
 var c = ' marker-cluster-';
 if (childCount < 10) {
   c += 'small';
 } 
 else if (childCount < 100) {
   c += 'medium';
 } 
 else {
   c += 'large';
 }

 return new L.DivIcon({ html: '<div><span>' + childCount + '</span></div>', 
  className: 'marker-cluster' + c, iconSize: new L.Point(40, 40) });
 }

Popularity 9/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Aug 09 2021

Strange Sardine

0 Answers Avg Quality 2/10

leaflet marker cluster change color

Contents

More Related Answers

leaflet marker cluster change color

Closely Related Answers

leaflet marker cluster change color

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.