如何解决使用 Tabulator rowClick 事件添加和删除图层传单
我创建了一个制表器,当我选择一行或多行时,我使用行 Click 事件创建了一个或多个传单层,现在我只想在我取消选择制表器中的行时删除该层:
rowClick: function (e,row) {
var selectedData = $("#scenario-table").tabulator("getSelectedData"); //get array of currently selected data.
let result = selectedData.map(a => a.id);
var data_flow = [];
var cellValue = row.getData();
var flowRequest = ApiBaseUrl + '/api/indic/v1/fpl_flows/segment/' + cellValue.id ;
fetch(flowRequest,{
credentials: "include" /*,signal: abortCtrl.signal*/
})
.then(function(resp) {
return resp.json();
})
.then(function(json) {
data_flow.push(json.data);
})
.then(function(){
for(var el of data_flow[0]){
if(result.includes(el.id_scenario)==true){
flux.addLayer(
L.polyline([[el.lat_bal1,el.lon_bal1],[el.lat_bal2,el.lon_bal2]],{ weight:((el.flows/(maxFlow.max))*100),opacity:0.5,color:'#ff51f4'})
.bindPopup("<b>flux :</b>" +' '+'['+' '+ el.bal1 + ' - '+el.bal2+' '+']'+"<br>"+ "<b>Traffic : </b>"+' '+el.flows,{
className: 'wpTooltip',sticky: true
})
);
flux.addTo(myMap);
}
else
{
flux.clearLayers();
}
}
});
},
现在我想在取消选择行时只删除图层,我不知道如何删除图层?任何帮助请
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。