jQuery 循环将多个数组放在一起 - Mapbox map.setFilter()

Question

Mapbox 的新 GL API 被证明难以使用。我想知道我是否可以通过 jQuery 的每个函数构建一个具有这种奇怪格式的数组。

我正在创建一个带有类别复选框的表单，用于过滤地图上显示的标记。我正在使用 $.each() 循环来获取选中的输入，获取它们的 ID，并将其放在每个数组的中间。一个选中的输入是一个数组。

基本上，我需要这样将数组放在一起：

map.setFilter('markers', ["any",
   ['in',c1,true],
   ['in',c2,true], // these 3 arrays
   ['in',c3,true]
] );

但显然，我需要在检查时动态完成此操作。这是我想使用的不完整 jQuery：

jQuery('input.checkbox-child').change(function(){
    args = new Array();
    jQuery('input.checkbox:checked').each(function(){
        id = jQuery(this).attr('id');
        filter = ['in',id,true];
        // ???
    });
    map.setFilter('markers', ["any", args] );

});

不确定如何将 filter 变量连接在一起形成逗号分隔的数组列表，类似于 ['in',id,true],['in',id,true],['in',id,true]... 用于 setFilter 函数。

Answer 1

我认为这应该可以满足您的需求

var args = [];
jQuery('input.checkbox-child').change(function(){
    jQuery('input.checkbox:checked').each(function(){
        var id = jQuery(this).attr('id');
        var filter = ['in',id,true];
        args.push(filter);
    });
    map.setFilter('markers', ["any"].concat(args));
});

jQuery 循环将多个数组放在一起 - Mapbox map.setFilter()

jQuery loop to put together multiple arrays - Mapbox map.setFilter()

javascript

jquery

mapbox-gl