0.1.0 • Published 4 years ago
leaflet-color-markers v0.1.0
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);
0.1.0
4 years ago