Add in clusters of markers to map component

[andrewtavis]

Terms

• [X] I have searched open and closed feature requests
• [X] I agree to follow activist's Code of Conduct

Description

A great feature to add to the new MediaMap component component would be that the markers would cluster into circles if there are many next to one another. The map can be found on activist.org/events/123/about.

We use MapLibre GL JS for our mapping service, so their documentation and code related to it or MapBox that it was forked from would be where to look. As activist has two types of events - action and learn - it would be good if this was implemented using custom property clusters such that if the cluster is all action events it will be red, if it's all learn events it will be blue, and if there's a mix of the two then we can do a donut plot as in the examples with the breakdown of what the events within it are.

Contribution

It would be good to plan this out a little bit before we get started. Would be great if someone from the community wanted to jump in, or also welcome to a new contributor with some mapping experience. Happy to help and implement as well 😊