如何获取并移除Leaflet地图中已存在的控件？

你的核心问题是创建的图例控件实例是函数内的局部变量，外部无法获取引用，因此没法调用remove()方法，下面提供两种可直接落地的实现方案，同时修正了你原有代码里的语法问题。

方案1：存储控件实例，更新时先删后建（适配现有代码逻辑） #

只需要把每次创建的图例实例存在可访问的作用域里，下次渲染新图例前先调用remove()清除旧实例即可，修改后的代码如下：

// 存储当前生效的图例实例，避免全局污染也可以把实例挂载到map对象上
let activeLegend = null;

function renderLegend(map) {
    // 存在旧图例时先移除
    if (activeLegend) {
        activeLegend.remove();
    }

    const legend = L.control({position: 'bottomright'});
    
    legend.onAdd = function (map) {
        const elements = [];
        // 遍历图层收集图例项
        map.eachLayer(function(layer){
            if (layer._icon) {
                elements.push("svg"); // 替换为你实际需要展示的图例内容
            }
        });

        const div = L.DomUtil.create('div', 'info legend');
        // 修复原代码重复声明elements、labels变量的bug，避免覆盖已收集的图层数据
        for (let i = 0; i < elements.length; i++) {
            // 修复原代码字符串拼接缺少+号的语法错误
            div.innerHTML += `<i>${elements[i]}</i><br>`;
        }
        return div;
    };

    legend.addTo(map);
    // 保存新创建的图例实例，供下次更新时调用
    activeLegend = legend;
}

后续只要图层、数据发生变动需要更新图例，直接调用renderLegend(map)即可，函数会自动完成旧控件清理、新控件渲染的逻辑。

方案2：复用控件容器，仅更新内部内容（性能更优） #

反复销毁、创建控件实例会产生不必要的性能开销，你可以只初始化一次控件，数据变化时直接替换控件容器里的DOM内容即可：

// 初始化图例控件，页面加载完成后只需要调用一次
function initLegend(map) {
    const legend = L.control({position: 'bottomright'});
    legend.onAdd = function () {
        const div = L.DomUtil.create('div', 'info legend');
        // 保存容器DOM引用，方便后续更新内容
        legend.container = div;
        return div;
    };
    legend.addTo(map);
    // 把控件实例挂载到map上，方便全局访问
    map.legend = legend;
    // 首次加载渲染图例内容
    refreshLegendContent(map);
}

// 数据更新时只需要调用这个方法刷新内容即可
function refreshLegendContent(map) {
    const container = map.legend.container;
    // 清空旧内容
    container.innerHTML = '';
    const elements = [];
    map.eachLayer(function(layer){
        if (layer._icon) {
            elements.push("svg");
        }
    });
    for (let i = 0; i < elements.length; i++) {
        container.innerHTML += `<i>${elements[i]}</i><br>`;
    }
}

这种方案不需要反复操作控件的添加/移除逻辑，只做DOM内容更新，在频繁更新图例的场景下流畅度更好。

内容的提问来源于stack exchange，提问作者julenxiri