Ability to style markers based on properties

[martenwilmink]

Issue description (i)

For the dataset Mineral Showings we have many markers that represent different types of resources like Gold, Silver, Copper, Lead etc. These are all defined as a property of the marker. It would be great if we are able to style the markers based on these properties.

New specification (i)

• Ability to define custom style for markers based on specified property and value in geoJSON dataset

New design (i)

Additional information

• See: https://leafletjs.com/examples/geojson/ under Options > Style

Adding something like this in code or elsewhere:

L.geoJSON(geoJsonMiningSites, {
    style: function(feature) {
        switch (feature.properties.ACOMMODITY) {
            case 'Amethyst':   return {color: "#6C2DC7"};
            case 'Gold': return {color: "#FFD700"};
            case 'Lead':   return {color: "#382969"};
        case 'Silver': returen {color: "#C0C0C0"}
        }
    }

TODO

• [ ] Self review of issue specification
• [ ] Lead dev review of issue specification

---

/label ~"Workflow::Specification"

[hugopeek]

@martenwilmink The current markers are PNG images, so we can't set their colors like with the example snippet above.

I'll try to change them into custom markers. Maybe a plugin such as https://github.com/coryasilva/Leaflet.ExtraMarkers is all we need.

[martenwilmink]

@martenwilmink The current markers are PNG images, so we can't set their colors like with the example snippet above.

I'll try to change them into custom markers. Maybe a plugin such as https://github.com/coryasilva/Leaflet.ExtraMarkers is all we need.

Nice! Yes, I also came across that plugin. I do wonder:

• Are we able to use this for GeoJSON data as well? (i.e. style large collections of points)
• Are we able to use this together with the clustering plugin as well?