Modificare i colori ai MarkerClusterGroup in Leaflet

Mattepuffo's logo
Modificare i colori ai MarkerClusterGroup in Leaflet

Modificare i colori ai MarkerClusterGroup in Leaflet

In Leaflet possiamo usare i MarkerClusterGroup per raggruppare i marker che sono troppo vicini.

I colori dei cluster sono impostati direttamente da Leaflet in base anche alla loro "dimensione".

Ma un cliente li voleva bianchi.

Per modificare i colori ci basterà usare un pò di CSS:

.marker-cluster-small,
.marker-cluster-medium {
	background-color: #ffffff !important;
}

.marker-cluster-small div,
.marker-cluster-medium div {
	background-color: #ffffff !important;
	color: #000000 !important;
}

Io ho modificato solo small e medium, ma sicuramente ci saranno anche altre dimensioni.

Enjoy!


Condividi

Commentami!