Javascript 带有群集和筛选器复选框的Mapbox个性化图标
我已经使用mapbox创建了一个地图。我从Url和“过滤器”类型添加图标。但我想添加一个标记集群,并在其中添加一个过滤器功能,并使用复选框选择多个选项 这是我的例子。我会尝试使用传单标记簇,但是。。。我对代码完全陌生,我不知道应该把集群代码放在什么地方 我想现在,最重要的表单是过滤器的复选框。我试着在图标的属性中对某些值设置“真”或“假”,这是最终的结果。但复选框不是:(Javascript 带有群集和筛选器复选框的Mapbox个性化图标,javascript,checkbox,filtering,mapbox,Javascript,Checkbox,Filtering,Mapbox,我已经使用mapbox创建了一个地图。我从Url和“过滤器”类型添加图标。但我想添加一个标记集群,并在其中添加一个过滤器功能,并使用复选框选择多个选项 这是我的例子。我会尝试使用传单标记簇,但是。。。我对代码完全陌生,我不知道应该把集群代码放在什么地方 我想现在,最重要的表单是过滤器的复选框。我试着在图标的属性中对某些值设置“真”或“假”,这是最终的结果。但复选框不是:( myLayer.on('layeradd',函数(e){ var标记=e层; var-feature=marker.fea
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问题。全选选项增加了控制何时隐藏/显示管脚的复杂性。基于您的示例,查看完整示例,包括此示例和集群特性