Extends L.geoJSON
to support the simplestyle spec.
npm install leaflet-simplestyle
Step 1. Include the library after you've included leafletjs.
require('leaflet-simplestyle')
// or
<script src="leaflet-simplestyle/dist/leaflet-simplestyle.min.js"></script>
// or via CDN
<script src="https://unpkg.com/leaflet-simplestyle"></script>
Step 2. Set the useSimpleStyle
option to true
when adding your L.geoJSON
layer.
You can also chose whether to support the Maki Icon Library using the useMakiMarkers
property, this enables support for the marker-symbol
property, however it does require calling the Mapbox API. If useMakiMarkers=false
an inline SVG icon is still available which adjusts size and color.
const rect = {
"type": "Feature",
"properties": {
"fill": "yellow"
},
"geometry": {
"type": "Polygon",
"coordinates": [
[
[
10.45007,
-10.359502
],
...
[
10.45007,
-10.359502
]
]
]
}
},
L.geoJSON(rect, {
useSimpleStyle: true,
useMakiMarkers: true
}).addTo(map);
useSimpleStyle()
, adds simple styling to aL.geoJSON
objectdiscardSimpleStyle()
, Removes simple styling from aL.geoJSON
objecttoggleMakiMarkers()
, Toggles the maki marker styling on aL.geoJSON
object
For example
const myLayer = L.geoJSON(rect, {
useSimpleStyle: false
}).addTo(map);
myLayer.useSimpleStyle()
This borrows some of the code in the excellent mapbox.js library.