AckerApple / agm-overlays

Custom marker overlay for the @agm/core package
MIT License
25 stars 24 forks source link

Clustering of Overlays #2

Closed tobiasgruber-at closed 6 years ago

tobiasgruber-at commented 6 years ago

Hello :)

I would love to use clustering for my overlays, just like this package (https://angular-maps.com/api-docs/js-marker-clusterer/modules/AgmJsMarkerClustererModule.html) does it, so that you basically put a wrapper, maybe called 'agm-overlay-cluster', around the overlays and they get grouped on specific zoom levels, depending on the density (if they are too near to each other).

Another method I could imagine (if it's not too complex to develop) is, that you can put a value on each overlay and the most valuable ones are filtered out on lower zoom levels (like here on checkfelix: https://www.checkfelix.com/explore/). For example if I have 15 blog entires in city A and 20 in city B, the more valuable one (B) is filtered out if I zoom out and they are about to collide (and A disappears, or just gets smaller).

But again, I'd also be happy if the basic clustering method works, but if this is even easier, or as much effort to develop as method 1, I would prefer this one :)

It would be awesome if you implement one of those functionalities!

Have a great day!

AckerApple commented 6 years ago

Acknowledged. Will get back. I estimate maybe we could do this in two weeks.

One thought I’m thinking, is just to feed back the zoom level and make it the developers choice as what to show (density clustering doesn’t jive with this idea though).

We shall see. Make my mind up by seeing how it’s done outside of Angular

AckerApple commented 6 years ago

@tsgreenberg1217 . It’s becoming a hot topic for us to add clustering to our package

tsgreenberg1217 commented 6 years ago

yeah, it would be a cool feature!

AckerApple commented 6 years ago

Todd has already begun to show success here with clustering by img url reference. We may have something by the end of this week.

Not to self: here is the existing clustering code from the agm/core: https://github.com/SebastianM/angular-google-maps/tree/master/packages/js-marker-clusterer

AckerApple commented 6 years ago

Todd has already started to show progress on this item and it is now a branch called clusterer (no documentation on how to use it available at this time).

It will still take us the rest of the week to finalize a first run. Todd has just showed proof of concept

AckerApple commented 6 years ago

Clustering is now supported as of version 1.1.0

Documentation: https://www.npmjs.com/package/agm-overlays#clustering-demo

Example: https://ackerapple.github.io/agm-overlays/

Please try it out... It takes installing @agm/js-marker-clusterer

AckerApple commented 6 years ago

I will be closing this issue in the near future if no further comments

tobiasgruber-at commented 6 years ago

Oh sorry, I forgot to thank you for your work! Great job, I'll use it in further applications :)