LEAFLET按图标名称/标题过滤

Question

我正在尝试实现一些我在网上找到的示例代码，但是，我正在努力这样做。我希望能够通过marker.options.title名称使用传单控制框过滤标记，类似于此示例的显示方式 http://jsfiddle.net/RogerHN/31v2afte/2/ 由于我的标记是从API中提取的，我正在努力实现切换循环而不会冻结我的浏览器，因为它不会停止循环数组。如果有人能指出我正确的实施方向，我们将不胜感激。

for(var i=0; i < locations.length; i++) {
    switch (locations[i][2]) {            
        case 'A' : 
            markersA.push(L.marker([locations[i][3], locations[i][4]]));
            break;        
        case 'B' :
            markersB.push(L.marker([locations[i][3], locations[i][4]]));
            break;
        default :
            break;
    }
}

我已经在我当前的最新工作代码下面附上了没有实现的代码 https://jsfiddle.net/jgov83fg/21/