Leaflet Multi Style
A plugin to quickly add multiple styles to the same GeoJSON data. Demo.
Using
As an extra option, you can add an array of styles instead of just a single style.
var vectorLayer = L.geoJson.multiStyle(geojson, {
styles: [
{color: 'black', opacity: 0.15, weight: 10},
{color: 'white', opacity: 0.8, weight: 8},
{color: 'red', opacity: 1, weight: 4}
],
}).addTo(map);For point features, the array pointToLayers replaces pointToLayer:
var vectorLayer = L.geoJson.multiStyle(geojson, {
pointToLayers: [
function (feature, latlng) {
return L.circleMarker(latlng, {
radius: 8.0,
fillColor: 'yellow'
})
},
function (feature, latlng) {
return L.circleMarker(latlng, {
radius: 4.0,
fillColor: 'red'
})
}
]
}).addTo(map);Similarily, there is also an option filters that works just like the original option filter, but is called for
each style in styles.