看起来你遇到的核心问题是每次切换地图时，旧的Legend组件没有被彻底销毁，导致ArcGIS JavaScript API的Widget注册系统检测到重复的legend1 ID。你写的destroy函数可能只处理了DOM元素的移除，却没调用Widget实例本身的销毁方法，或者遗漏了清理API内部的注册记录。

下面是具体的解决步骤和示例代码：

1. 保存Legend实例的引用 #

首先，你需要在全局或模块范围内保存当前Legend组件的实例，这样每次切换地图时才能准确找到并销毁它：

// 声明一个变量存储当前的Legend实例
let activeLegend = null;

2. 切换地图时彻底销毁旧实例 #

在你的地图切换函数中，先执行以下操作再创建新的Legend：

• 如果存在旧的Legend实例，调用它的destroy()方法（这会清理API内部的Widget注册信息）
• 清空Legend容器的DOM内容，避免残留的节点干扰新组件创建

function handleMapSelection(selectedMap) {
  // 销毁旧的Legend组件
  if (activeLegend) {
    activeLegend.destroy(); // 关键：调用ArcGIS Widget的销毁方法
    activeLegend = null;
  }

  // 清空Legend容器的DOM
  const legendContainer = document.getElementById("legend-container"); // 替换成你的Legend容器ID
  legendContainer.innerHTML = "";

  // 更新Content面板的地图
  mapView.map = selectedMap;

  // 创建新的Legend组件
  activeLegend = new Legend({
    view: mapView,
    layerInfos: [{ layer: selectedMap, title: selectedMap.title }],
    container: legendContainer
    // 这里不要硬编码id属性！让API自动生成唯一ID，避免重复冲突
  });
}

3. 为什么你的destroy函数没生效？ #

大概率是这两个原因：

• 你只移除了DOM元素，但没有调用Legend实例的destroy()方法——ArcGIS的Widget会在内部维护一个注册列表，只有调用destroy()才能把它从列表中移除，否则下次创建同名ID的Widget就会报错。
• 你可能重复使用了同一个硬编码的id="legend1"，即使DOM被清空，API的注册记录还在，所以最好避免硬编码Widget的id，让API自动生成唯一标识。

额外检查点 #

• 确认你的Legend容器是一个独立的DOM元素，每次创建新Legend时都指向这个容器，而不是直接替换Content面板里的某个节点（避免和地图容器冲突）。
• 如果是在框架（比如React、Vue）中使用，要确保在组件卸载时调用Legend的destroy()方法，配合框架的生命周期钩子（比如React的useEffect清理函数）。

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