我的传单地图显示了GeoJSON文件中的多边形。此文件具有多个属性(attribute_1,attribute_2等)。但是,有些文字被填满,有些则是空的。
我怎样才能显示弹出窗口中填充文本的属性而不是空的属性?
在每个属性下方使用我的代码,如果它是空的" null"显示在弹出窗口中:
// Integrate GeoJSON and style polygons
$.getJSON("klimagutachten_2001.geojson",function(klimagutachten){
L.geoJson( klimagutachten, {
style: function(feature){
return {
color: "#e60000",
weight: 4,
fillColor: "#e60000",
fillOpacity: .3
};
},
// Call popup
onEachFeature: function( feature, layer ){
layer.bindPopup("<strong> Attribute 1: \"" + feature.properties.attribute_1 + " and the second attribute is: " + feature.properties.attribute_2)
}
}).addTo(map);
});
答案 0 :(得分:1)
创建验证:
onEachFeature: function( feature, layer ){
var text = "";
if (!feature.properties.attribute_1) {
text += feature.properties.attribute_1 +" ";
}
if (!feature.properties.attribute_2) {
text += feature.properties.attribute_2 +" ";
}
layer.bindPopup(text);
}
答案 1 :(得分:0)
我使用简单的if ... else语句解决了这个问题。添加内容以粗体突出显示:
// Integrate GeoJSON and style polygons
$.getJSON("klimagutachten_2001.geojson",function(klimagutachten){
L.geoJson( klimagutachten, {
style: function(feature){
return {
color: "#e60000",
weight: 4,
fillColor: "#e60000",
fillOpacity: .3
};
},
// Call popup
onEachFeature: function( feature, layer ){
var attribute_1 = feature.properties.attribute_1;
if (attribute_1 == null) {
attribute_1 = "";
} else {
var attribute_1 = feature.properties.attribute_1;
};
layer.bindPopup("<strong> Attribute 1: \"" + attribute_1 + " and the second attribute is: " + feature.properties.attribute_2)
}
}).addTo(map);
});