Javascript 带有群集和筛选器复选框的Mapbox个性化图标

Javascript 带有群集和筛选器复选框的Mapbox个性化图标,javascript,checkbox,filtering,mapbox,Javascript,Checkbox,Filtering,Mapbox,我已经使用mapbox创建了一个地图。我从Url和“过滤器”类型添加图标。但我想添加一个标记集群,并在其中添加一个过滤器功能,并使用复选框选择多个选项 这是我的例子。我会尝试使用传单标记簇,但是。。。我对代码完全陌生,我不知道应该把集群代码放在什么地方 我想现在,最重要的表单是过滤器的复选框。我试着在图标的属性中对某些值设置“真”或“假”,这是最终的结果。但复选框不是:( myLayer.on('layeradd',函数(e){ var标记=e层; var-feature=marker.fea

我已经使用mapbox创建了一个地图。我从Url和“过滤器”类型添加图标。但我想添加一个标记集群,并在其中添加一个过滤器功能,并使用复选框选择多个选项

这是我的例子。我会尝试使用传单标记簇,但是。。。我对代码完全陌生,我不知道应该把集群代码放在什么地方

我想现在,最重要的表单是过滤器的复选框。我试着在图标的属性中对某些值设置“真”或“假”,这是最终的结果。但复选框不是:(

myLayer.on('layeradd',函数(e){
var标记=e层;
var-feature=marker.feature;
var images=feature.properties.images
var slideshowContent='';
marker.setIcon(L.icon(feature.properties.icon));
对于(var i=0;i“+feature.properties.title+”

“+”+ ''+feature.properties.description+'' ''; marker.bindPopup(popupContent{ closeButton:false, 最小宽度:400 }); }); myLayer.setGeoJSON(geoJson) .addTo(地图); $('.menu ui a')。在('单击',函数()上){ var filter=$(this.data('filter'); $(this.addClass('active').sides().removeClass('active'); myLayer.setFilter(函数(f){ 返回(filter=='Development')?true:f.properties[filter]=='true; }); 返回false; });
谢谢,祝您有一个愉快的一天!:)

作为参考,在将图层添加到地图后,您可以使用以下代码在地图上进行聚类

var clusterGroup = new L.MarkerClusterGroup();
    clusterGroup.addLayer(myLayer);
    map.addLayer(clusterGroup);
关于复选框行为,看起来更像是一个JS问题。全选选项增加了控制何时隐藏/显示管脚的复杂性。查看基于您的完整示例,包括此示例和群集功能。

作为参考,在将图层添加到地图后,您可以使用以下代码在地图上进行群集

var clusterGroup = new L.MarkerClusterGroup();
    clusterGroup.addLayer(myLayer);
    map.addLayer(clusterGroup);
关于复选框行为,看起来更像是一个JS问题。全选选项增加了控制何时隐藏/显示管脚的复杂性。基于您的示例,查看完整示例,包括此示例和集群特性