Leaflet Markers with a custom DOM element icon.
Leaflet.DomMarkers.Icon extends the Leaflet.DivIcon object so the same config properties can be used (except the html
one which is replaced by element
The initial idea was to be used inside the angular-leaflet-directive and to display interactive icons on the map. The DOM element is generated by the angular-leaflet-directive and provided to the Leaflet.DomMarkers.Icon through the element
property:
var domElement = yourDomElementCreationFunction();
var icon = L.DomMarkers.icon({
element: domElement,
iconSize: [20, 20],
//... other Icon/DivIcon properties
});