marker clusterization

This commit is contained in:
muerwre 2019-02-20 11:31:01 +07:00
parent 0caa8b3624
commit 9d48c479a5
7 changed files with 73 additions and 5 deletions

View file

@ -30,3 +30,4 @@
@tooltip_background: #123740;
@loading_shade: darken(fade(@blue_secondary, 80%), 20%);
@cluster_small: #0069a7;

View file

@ -107,3 +107,27 @@
.leaflet-top {
top: 42px;
}
.leaflet-div-icon {
background: none;
border: none;
}
.custom-marker-cluster {
width: 24px;
height: 24px;
background: @cluster_small;
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
color: white;
box-shadow: fade(@cluster_small, 70%) 0 0 0 5px;
font-weight: bold;
font-size: 13px;
transform: translate(-12px, -12px);
transition: box-shadow 250ms;
&:hover {
box-shadow: fade(@cluster_small, 70%) 0 0 0 7px;
}
}