leaflet-defaulticon-compatibility
Version:
Retrieve all Leaflet Default Icon options from CSS, in particular all icon images URL's, to improve compatibility with bundlers and frameworks that modify URL's in CSS.
22 lines (21 loc) • 1.04 kB
CSS
/* Default icon options */
.leaflet-default-icon-icon {
background-image: url(~leaflet/dist/images/marker-icon.png), url(~leaflet/dist/images/marker-icon-2x.png); /* normal[, Retina] */
cursor: url(~leaflet/dist/images/marker-icon.png), url(~leaflet/dist/images/marker-icon-2x.png), auto; /* normal[, Retina], auto for compliance with cursor syntax */
width: 25px;
height: 41px;
margin: -41px -12px; /* margin top and left to reversely position iconAnchor */
}
.leaflet-default-icon-shadow {
background-image: url(~leaflet/dist/images/marker-shadow.png); /* normal[, Retina] */
cursor: url(~leaflet/dist/images/marker-shadow.png), auto; /* normal[, Retina], auto */
width: 41px;
height: 41px;
margin: -41px -12px; /* margin top and left to reversely position shadowAnchor */
}
.leaflet-default-icon-popup {
margin: -34px 1px; /* margin top and left to position popupAnchor */
}
.leaflet-default-icon-tooltip {
margin: -28px 16px; /* margin top and left to position tooltipAnchor, even if direction 'bottom' or 'right' */
}