Displaying multiple thematic polygon layers in a Leaflet.js map is often accomplished by providing a layer control that allows the user to toggle between overlays. However, in some situations it may be necessary to display two overlapping thematic maps at the same time. Unfortunately, this can create a situation where one polygon blocks the underlying feature. One method that can be utilized to visualize both layer properties is to fill the bottom layer with color and the top with a pattern fill.

This task sheet will demonstrate how to use the leaflet.pattern plugin to add a basic line pattern fill to style a feature.