[GIS] Generate pattern inside polygon in Leaflet

javascriptleafletpolygon

I'm new to Leaflet and mapping. I'm currently looking for solutions to how I can autogenerate a line pattern inside a polygon drawn on the map with a pre defined distance between each line.

Does anyone have any suggestion to how I can achieve this?

Best Answer

This Leaflet plugin lets you do exactly that:

Leaflet.pattern
Provides the ability to use SVG patterns as backgrounds for Leaflet Paths.

Options include:

X Offset
Y Offset
Width
Height
Angle

From the stripe pattern example:

Related Solutions

[GIS] Polygon inside polygon invalid in QGIS

It's multipolygons with interior rings geometry. It is a valid, but more complicated geometry. You must use an Advanced Digitizing Toolbar with tools Add Ring and Add Part.

[GIS] Leaflet-omnivore load multiple KMLs & center

I finally managed to solve it by getting the bounds and centering at the time of adding the kml to the FeatureGroup

var polygonGroup = new L.FeatureGroup();

// Add group to map
map.addLayer(polygonGroup);

$.each(kmls, function (i, kmlUrl) {
// Load kml and add to feature group
var runLayer = omnivore.kml(kmlUrl).addTo(polygonGroup).on('ready',
    function() {
        // Get group bounds and center/zoom
        map.fitBounds(polygonGroup.getBounds());
    });
});

Best Answer

Related Solutions

[GIS] Polygon inside polygon invalid in QGIS

[GIS] Leaflet-omnivore load multiple KMLs & center

Related Question