Leaflet.IconMaterial icon indicating copy to clipboard operation
Leaflet.IconMaterial copied to clipboard

Float thumbnail image over Leaflet.IconMaterial map marker

Open ModelEarth opened this issue 5 years ago • 0 comments

Hi, we're using Leaflet.IconMaterial in an office map app that has images of people floating over their desk locations. For people without photos, we let them choose a Material Design icon. They also choose the color of their marker which we set with your plugin. For people with photos, we'd like to float their photo over the color marker.

Could you add a parameter for placing a div over a material marker? Or document how to float an image over a marker. Then we can include a person thumbnail in the div using ::after. We'll use border-radius: 100% to make the thumbnail round - so it fits within the inverted teardrop marker. Thanks!

ModelEarth avatar Nov 05 '19 17:11 ModelEarth