javascript - 如何向 Mapbox 传单 map 添加多个过滤器

Question

我有一个可用的 map 框/传单 map ，我可以根据下拉列表进行过滤，但只有其中一个可以工作，不确定组合过滤器的语法(或者是否可能)？

我基本上有一个用 json 数据填充的房地产 map ，其中包括特性类型和社区。需要组合可能的过滤器，因此选择不同的属性类型不会删除邻域过滤器。

$('#propertytype').change(function() {
    if ($(this).val() === 'all') {
        console.log($(this).val());
        markers.setFilter(function(f) {
            return f.properties['type'] != null;
        });
    } else {
        console.log($(this).val());
        var ptype = $(this).val();
        markers.setFilter(function(f) {
            return f.properties['type'] === ptype;
        });
        return false;
    }
});

$('#neighborhood').change(function() {
    if ($(this).val() === 'all') {
        console.log($(this).val());
        markers.setFilter(function(f) {
            return f.properties['neighborhood'] != null;
        });
    } else {
        console.log($(this).val());
        var hood = $(this).val();
        markers.setFilter(function(f) {
            return f.properties['neighborhood'] === hood;
        });
        return false;
    }
});

Answer 1

当然，简化为一个函数:

$('#propertytype, #neighborhood').change(function() {
    var propertyType = $('#propertytype').val();
    var neighborhood = $('#neighborhood').val();
    markers.setFilter(function(f) {
        return (propertyType === 'all' || f.properties.type == propertyType) &&
            (neighborhood === 'all' || f.properties.neighborhood === neighborhood);
    });
    return false;
});

(尚未执行此代码，但应该可以工作)