leaflet-color-markers
leaflet-color-markers copied to clipboard
color variations of the standard leaflet marker
leaflet-color-markers
color variations of the standard leaflet markers:
Color | Marker 2x | Marker | Color Inside | Color Outside |
---|---|---|---|---|
Blue | ![]() |
![]() |
#2A81CB | #3274A3 |
Gold | ![]() |
![]() |
#FFD326 | #C1A32D |
Red | ![]() |
![]() |
#CB2B3E | #982E40 |
Green | ![]() |
![]() |
#2AAD27 | #31882A |
Orange | ![]() |
![]() |
#CB8427 | #98652E |
Yellow | ![]() |
![]() |
#CAC428 | #988F2E |
Violet | ![]() |
![]() |
#9C2BCB | #742E98 |
Grey | ![]() |
![]() |
#7B7B7B | #6B6B6B |
Black | ![]() |
![]() |
#3D3D3D | #313131 |
Usage
var greenIcon = new L.Icon({
iconUrl: 'https://raw.githubusercontent.com/pointhi/leaflet-color-markers/master/img/marker-icon-2x-green.png',
shadowUrl: 'https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/images/marker-shadow.png',
iconSize: [25, 41],
iconAnchor: [12, 41],
popupAnchor: [1, -34],
shadowSize: [41, 41]
});
L.marker([51.5, -0.09], {icon: greenIcon}).addTo(map);