Live daha support

[oguzy]

We are using kartograph.js for displaying live malware information.
We used noverlap at the clustering example: http://kartograph.org/showcase/clustering/ But unfortunately we couldn't figured it out how will the circles' radius will increase when the new data is arrived. It seems there is no easy way for doing that.

[gka]

This is possible, I have used the same technique for the real-time visitor map in Piwik (which used Kartograph.js).

// initally generate the symbol group
symbolgroup = map.addSymbols(...)

function newDataArrived(data) {
   // remove symbols that are gone using .remove(filterFunc)
   symbolgroup.remove(function(symbolData) {
       // eg. remove after one second
       return now - symbolData.created_at > 1000;
   });

   // update existing symbols
   symbolgroup.update({
       radius: function(s) { ... } 
   });

   // add new symbols
   $.each(data, function(i, row) {
      symbolgroup.add(row);
   });
}

You can see this code in action here.

[ggercek]

Hi,

Thanks for the tip.

I have a question about this issue. I manage to show/update symbols real-time but when I use noverlap to cluster symbols then the new symbol does not show up and there is no error.

Is it possible to use noverlap with realtime updates?

Thanks

Here is the code that I used.

        clustering: 'noverlap',
        aggregate: function (data) {
                var nc = { };
                nc[key] = 0;
                nc.country = '';
                nc.country_codes = [];
                $.each(data, function(i, d) {
                    nc[key] += d[key];
                    nc.country_codes = __arrayUnique(nc.country_codes.concat(d.country_codes ? d.country_codes : [d.country]));
                });
                nc.country = nc.country_codes[0];
                return nc;
            },

[ggercek]

I managed to add new symbols to map while using noverlap;

// add new symbols
$.each(data, function(i, row) {
    var s = symbolgroup.add(row);
    var xy = map.lonlat2xy(s.location);
    s.x = xy[0]
    s.y = xy[1]
    s.render();
});

I used following code for non-clustering maps to add new symbols but when I use clustering new symbols does not show up. Moreover last line cause to duplicate the clustered symbols.

// add new symbols
$.each(data, function(i, row) {
    var s = symbolgroup.add(row);
});
symbolgroup.layout().render();

Is there an easy way to do it right? Or my first approach is just fine?

Thanks,
Gurcan