Show popup when clicking on an individual clustered graphic about flareclusterlayer HOT 9 CLOSED

Hey man, yeah I'm pretty sure it is possible to do. Didn't do it before as the flare graphics may also represent multiple points and the graphics are temporary. They get fully destroyed when the cluster is deactivated.

I'm doing some work on this again to make it work with v4.12, so I'll take a look at implementing this while I'm in there. Can't give a time frame though sorry.

from flareclusterlayer.

Finally got around to looking at this. The pointer events are only disabled over the text svg elements, so a click event on the flares works fine.

I added an event emitter to the layer that will emit an event with a Flare object as the argument. Subscribe to the event on the layer like this -

clusterLayer.on("flare-clicked", function (flare) {
   console.log('flare clicked', flare);
});

Any time you click a flare this will then get hit get. All of the data you need to make a popup appear should be in the Flare object that's passed in. If it's a flare representing only one point, then the Flare object will contain a property called singleData. This is your data object. You can use the existence of this property to test if you want to create a popup or not.

It's a bit of a cop out not creating the popup within the layer (certainly is easier), but this is bit more flexible so you can anything you want on any flare click.

from flareclusterlayer.

Hi @apaleja, no worries - added a cluster-clicked event as well. Use it the same way as the flare-clicked event.

clusterLayer.on("cluster-clicked", function (cluster) {
    console.log('cluster clicked', cluster);
 });

from flareclusterlayer.

@nickcam thank you for updating to the latest version...
If I make an interesting online system, I will share it with you first.

from flareclusterlayer.

Other mouse-events like mouse-scrolling (probably for the same reason) also don't work. You can reproduce this by opening the https://flareclusterlayer.azurewebsites.net/index_v4.html sample, zooming in a bit on Melbourne, Australia so that lots of screen space if occupied by the bubbles/circles and then try to zoom in/out on the map using mouse scrolling.

from flareclusterlayer.

Yeah from memory all mouse (pointer) events are disabled over the cluster graphics. There was a good reason for this but I can't remember what is was right now. Will have to take a look when I get a chance.

from flareclusterlayer.

@nickcam +1 for this. I also would like to show popup similar to ArcGIS 3.x Implementation Can you give some pointers, how to do that ? I will see if I can make required changes.

from flareclusterlayer.

Hi @nickcam Thank you very much for quick change implementation. I believe this change allows to capture click on Flare of Cluster. I am looking for a solution when displayFlares: false and user click on cluster icon.

Is it possible to emit similar event for cluster click as well ?

from flareclusterlayer.

@nickcam Thank very much for for quick turn around.

from flareclusterlayer.