Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/427.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用mapbox显示/隐藏地图覆盖的复选框?_Javascript_Jquery_Checkbox_Mapbox_Geojson - Fatal编程技术网

Javascript 使用mapbox显示/隐藏地图覆盖的复选框?

Javascript 使用mapbox显示/隐藏地图覆盖的复选框?,javascript,jquery,checkbox,mapbox,geojson,Javascript,Jquery,Checkbox,Mapbox,Geojson,我有一个基本的复选框问题来显示/隐藏我的数据。我试图在选中“显示贫困数据”复选框后,将此数据显示为mapbox基础层上的choropleth地图覆盖(以下是示例)。我可以单击复选框来显示/隐藏覆盖图一次,但在第一轮选中/取消选中后,覆盖图停止显示 L.mapbox.accessToken='pk.eyj1ijoiemfrc2nsb3nldcisimeoijjawy2dwkc2gwcxbjczvtm3pnc3hydni1in0.abqhwirvx95whav2jpea'; var map=L.m

我有一个基本的复选框问题来显示/隐藏我的数据。我试图在选中“显示贫困数据”复选框后,将此数据显示为mapbox基础层上的choropleth地图覆盖(以下是示例)。我可以单击复选框来显示/隐藏覆盖图一次,但在第一轮选中/取消选中后,覆盖图停止显示

L.mapbox.accessToken='pk.eyj1ijoiemfrc2nsb3nldcisimeoijjawy2dwkc2gwcxbjczvtm3pnc3hydni1in0.abqhwirvx95whav2jpea';
var map=L.mapbox.map('map'))
.setView([40.71,-74.00],11)
.addLayer(L.mapbox.tillelayer('mapbox.dark');
函数getColor(d){
返回d>30?#0868ac”:
d>20?#43a2ca:
d>10?#7BCC4:
d>0?#a8ddb5):
“灰色”;
};
//加载贫困数据
变量povertyData=”https://raw.githubusercontent.com/Kaz-A/Daycare-Facilities-/master/poverty.geojson";
$.getJSON(povertyData,函数(povertyData){
//获取唯一的贫困百分比值
var povertyFeatures=povertyData.features;
var uniquePoverty=[];
povertyFeatures.forEach(函数(x){
如果(!povertyFeatures[x.properties.PopInPover]){
uniquepovery.push(x.properties.PopInPover);
povertyFeatures[x.properties.Poverty]=true;
}
});
console.log(povertyData);
console.log(唯一性);
//设计合唱团的风格
功能样式(特征){
返回{
fillColor:getColor(feature.properties.PopInPover),
体重:1,
不透明度:0.3,
颜色:“000”,
dashArray:“1”,
填充不透明度:0.3
};
};
//添加贫困数据
var addPovertyData=L.geoJson(povertyData{
风格:风格
});
//覆盖贫困数据的复选框事件
$(“.checkbox primary”)。单击(函数(){
如果(选中此项){
console.log(“选中!”);
addPovertyData.addTo(map);
}否则{
console.log(“未选中!”);
addPovertyData.clearLayers();
};
});
});使用

而不是

addPovertyData.clearLayers();
例:

addPovertyData.clearLayers();