隐藏/移除通过表创建的Mapbox GL JS弹出窗口中的空属性

// 创建弹出窗口
var popup = new mapboxgl.Popup()
    .setLngLat(coordinates)
    .setHTML('<div id="popup-content"></div>')
    .addTo(map);

// 获取属性信息并判断是否为空
var attribute1 = feature.properties.attribute1;
var attribute2 = feature.properties.attribute2;

// 更新弹出窗口内容
var popupContent = document.getElementById('popup-content');
popupContent.innerHTML = '';

if (attribute1) {
    // 添加非空属性到弹出窗口
    var attribute1Element = document.createElement('div');
    attribute1Element.innerHTML = 'Attribute 1: ' + attribute1;
    popupContent.appendChild(attribute1Element);
}

if (attribute2) {
    // 添加非空属性到弹出窗口
    var attribute2Element = document.createElement('div');
    attribute2Element.innerHTML = 'Attribute 2: ' + attribute2;
    popupContent.appendChild(attribute2Element);
} else {
    // 移除空属性
    popupContent.parentNode.removeChild(popupContent);
}