.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); } /* IE 6-8 fallback colors */ .leaflet-oldie .marker-cluster-small { background-color: rgb(181, 226, 140); } .leaflet-oldie .marker-cluster-small div { background-color: rgb(110, 204, 57); } .leaflet-oldie .marker-cluster-medium { background-color: rgb(241, 211, 87); } .leaflet-oldie .marker-cluster-medium div { background-color: rgb(240, 194, 12); } .leaflet-oldie .marker-cluster-large { background-color: rgb(253, 156, 115); } .leaflet-oldie .marker-cluster-large div { background-color: rgb(241, 128, 23); } .marker-cluster { background-clip: padding-box; border-radius: 20px; } .marker-cluster div { width: 30px; height: 30px; margin-left: 5px; margin-top: 5px; text-align: center; border-radius: 15px; font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif; } .marker-cluster span { line-height: 30px; } .marker-cluster-level1, .marker-cluster-level5 { background-color: rgba(252, 77, 55, 0.6) } .marker-cluster-level1 div, .marker-cluster-level5 div { background-color: rgba(252, 77, 55, 1.00); } .marker-cluster-level2, .marker-cluster-level6 { background-color: rgba(251, 116, 56, 0.6); } .marker-cluster-level2 div, .marker-cluster-level6 div { background-color: rgba(251, 116, 56, 1.00); } .marker-cluster-level3 { background-color: rgba(255, 220, 68, 0.6); } .marker-cluster-level3 div { background-color: rgba(255, 220, 68, 1.00); } .marker-cluster-level4 { background-color: rgba(20, 194, 251, 0.6); } .marker-cluster-level4 div { background-color: rgba(20, 194, 251, 1.00); } .custom-cluster { text-align: center; background-size:50px 55px; background-repeat:no-repeat; } .custom-cluster span { width: 50px; margin-top: 15px; display: inline-block; font-weight: 700; } .custom-cluster-level1 { background-image: url("../../statics/leaflet/images/marker/icon_zhongdafengxian.png"); } .custom-cluster-level2 { background-image: url("../../statics/leaflet/images/marker/icon_jiaodafengxian.png"); } .custom-cluster-level3 { background-image: url("../../statics/leaflet/images/marker/icon_yibanfengxian.png"); } .custom-cluster-level4 { background-image: url("../../statics/leaflet/images/marker/icon_diffengxian.png"); }