MultiPoint "Collective" Display

[mikelmaron]

I'm working with a GeoJSON file that contains MultiPoints https://github.com/mapkibera/education/blob/master/data/kibera-schools-osm.geojson

And wanted to adjust the display in leaflet so that click or hover over one of the points in a multipoint would also "highlight" the other points.

Is there a simple way to do this that I'm missing? What strategy would a plugin take? Any guidance helpful.

This is something discussed briefly regarding GitHub's GeoJSON maps. https://twitter.com/mikel/status/458981829693804544

[perliedman]

You can use the onEachFeature option for L.GeoJson to get a callback for each feature in the GeoJSON data, and the corresponding layer generated by Leaflet. In this callback, you will get one layer per MultiPoint feature, a L.LayerGroup where each point will be a sublayer.

You can add a click handler to the layer, and do any highlighting you want.

I made a quick example that I hope gives the general idea: http://jsfiddle.net/jfGW9/1/