Raphael / Mapael在排序地块上速度较慢

Question

我正在使用Raphael和Mapael来创建一张美国地图，其中包含全国各地不同学校的地点。

现在，如果我只有几个点，那么该功能就很好用，但是当我添加所有点（大约60个点）后，当我单击不同的图例按钮将点分为不同的部分时，它的速度会降低。

我需要重做一些单击事件代码，以使其执行我在使用流星时进行排序所需的操作，这些是我的单击事件：

Template.map.events({
    'click .division1': function(event,tmp){
        if(event.currentTarget){
            var plot = Session.get('propertyMap');
            _.each(plot,function(data, key){
                if(data.type !== 'D1'){
                    var deletedPlots = [key];
                    var updatedOptions = [];
                    var newPlots = {};
                    tmp.$(".container2").trigger('update', [updatedOptions, newPlots, deletedPlots]);
                }
                else if(data.type === 'D1'){
                    var deletedPlots = [key];
                    var updatedOptions = [];
                    var newPlots = {};
                    newPlots[key] = data;
                    tmp.$(".container2").trigger('update', [updatedOptions, newPlots, deletedPlots]);
                }
            });
        }
    },
    'click .division2': function(event,tmp){
        if(event.currentTarget){
            var plot = Session.get('propertyMap');
            _.each(plot,function(data, key){
                if(data.type !== 'D2'){
                    var deletedPlots = [key];
                    var updatedOptions = [];
                    var newPlots = {};
                    tmp.$(".container2").trigger('update', [updatedOptions, newPlots, deletedPlots]);
                }
                else if(data.type === 'D2'){
                    var newPlots = {};
                    newPlots[key] = data;
                    tmp.$(".container2").trigger('update', [updatedOptions, newPlots, deletedPlots]);
                }
            });
        }
    },
    'click .division3': function(event,tmp){
        if(event.currentTarget){
            var plot = Session.get('propertyMap');
            _.each(plot,function(data, key){
                if(data.type !== 'D3'){
                    var deletedPlots = [key];
                    var updatedOptions = [];
                    var newPlots = [];
                    tmp.$(".container2").trigger('update', [updatedOptions, newPlots, deletedPlots]);
                }
                else if(data.type === 'D3'){
                    var newPlots = {};
                    newPlots[key] = data;
                    tmp.$(".container2").trigger('update', [updatedOptions, newPlots, deletedPlots]);
                }
            });
        }
    },
    'click .AllProperties': function(event,tmp){
        event.preventDefault();
        if(event.currentTarget){
            var deletedPlots = [];
            var updatedOptions = [];
            var newPlots = Session.get('propertyMap');
            tmp.$(".container2").trigger('update', [updatedOptions, newPlots, deletedPlots]);
        }
    }

我还在embassyofrock.com上拥有最新版本。

我的问题是，是否有人知道为什么要花几秒钟的时间来对地块进行排序，以及是否有解决方案来使其运行更快？ 您可能会注意到，单击所有学校会立即重新添加地块，这也是我希望其他学校也这样做的。

Answer 1

我不熟悉Raphael和Mapael，但是我在您的代码中看到了很多迭代，并且您似乎在使用局部数组变量。

如果从流星出版物之外的其他地方加载项目，则应尝试使用minimongo本地集合来存储您的点及其相关数据。

您可以这样声明：

var Plots = new Meteor.Collection(null);

并像这样填充它：

for (var i = 0; i < plotList.length; i++) {
    Plots .insert(plotList[i]);
}

然后，您将能够使用mongo命令更新所有内容，并且我认为它应该更快。

如果您使用的是流星出版物，则意味着您已经拥有原始收藏的本地版本，应该直接使用它。