How can supercluster be integrated with Mapbox-GL-JS?

[mushon]

And if it can't how can we take advantage of similarly advanced clustering features in mapbox.gl.js?

[mourner]

Supercluster is already integrated into Mapbox GL JS — it is the library that gives it its clustering features.

[mushon]

Oh, I see, thanks @mourner
In that case I guess the features I am missing are not currently supported by SuperCluster and are only supported by Leaflet's clustering. Specifically what I'm missing is Multiple differently styled clusters and Listing markers in clusters

[mourner]

@mushon you can create multiple clustered GeoJSON sources and style them differently already. As for listing markers in clusters, I'm working on this and it'll be available soon — see #32

[mushon]

Ok, I'll look into that. And what about declustering markers placed on the exact same geolocation. Is the star declustering feature available in Supercluster too?

[foundryspatial-duncan]

Once we can get the cluster members from some method in Mapbox GL (getLeaves, or whatever it will be), we'll have everything we need to manually do that decluster effect (used to be called "spiderfying," I think). I'm anxiously awaiting the addition of these supercluster methods in the Mapbox GL API :)

[MathewJuma]

@mourner thanks for the support you have given on this. I am using the Superclustering class and not able to pool the info tooltip on a marker. Can't also find any documentations. Can you help please?

[thuanmb]

For ReactJS lover, here is a solution for clustering (using supercluster) in mapbox-gl:
https://github.com/thuanmb/react-mapbox-gl-cluster

[maufarinelli]

Do you guys have an example of how to get the cluster and use all superclusters available methods (getClusters(bbox, zoom), getTile(z, x, y), getClusterExpansionZoom(clusterId)) in Mapbox GL?
The only example I found of clusters is:
https://www.mapbox.com/mapbox-gl-js/example/cluster/
and it does not any use of superclusters methods.
Thanks guys

[mourner]

Hey @maufarinelli, the integration is coming in mapbox/mapbox-gl-js#6829, which also includes an example. Check it out!

[maufarinelli]

AMAZING @mourner . Thanks you so much

[lonnibesancon]

Hello @mourner

Well there doesn't seem to be any simple example of what supercluster can do on the website or the repo. A simple example using something else that point_count to change the size/color of cluster would be a nice addition. Especially since not a lot of documentation is available on how to use supercluster and the only example online is broken and using old and deprecated code.

The only current example is: https://www.mapbox.com/mapbox-gl-js/example/cluster/

It does not offer the possibility to do anything about the cluster size or color based on other properties than point_count.

The other example that is using deprecated code is: https://bl.ocks.org/ryanbaumann/01b2c7fc0ddb7b27f6a72217bd1461ad unfortunately, this example is fairly complex to understand and also crashes when you zoom in too much. I am currently trying to make it work but I have to admit that I am facing quite a lot of challenge.

A nice and data-driven cluster example would be very nice as an addition to the list of example that you have online.

I even opened that SO question for that matter .