Extend the Polygon Object to fill SVG Path element with an image pattern.
Check out the demo.
- Leaflet 1+ (Leaflet 0.7 or earlier, check out here)
var poly1 = [
[24, 121],
[24.5, 121],
[24.5, 121.9],
[24, 121.9]
];
L.polygon(poly1, {fill:'url(image.gif)'}).addTo(map);