client/map/style.css
.map {
margin-top: 20px;
margin-bottom: 10px;
border: 1px solid #ccc;
border-radius: 4px;
}
.map-small {
height: 200px;
}
.map-medium {
height: 400px;
}
.map-large {
height: 600px;
}
/**
* Override the default colors to be Bootstrap style
*/
.marker-cluster-small {
background-color: rgba(181, 226, 140, 0.6);
}
.marker-cluster-small div {
background-color: rgba(110, 204, 57, 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);
}
.marker-icon {
background: none;
border: 0px;
}