A plugin to quickly add multiple styles to the same GeoJSON data. Demo.
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.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent