Leaflet地图点击机构卡片打开Marker弹窗时id返回undefined问题

核心问题出在openPopupByID函数的遍历方式上：

• 你用了for...in遍历数组markerList，但for...in遍历的是数组的索引（字符串类型的键），而非数组中的Marker对象。循环里的item实际是"0"、"1"这类索引字符串，不是Leaflet Marker实例，所以访问item["id"]会返回undefined，也无法调用openPopup()方法。

修正方案 #

方案1：改用for...of遍历数组元素 #

function openPopupByID (agency_id) {
    for (let item of markerList) {
        if (item.id === agency_id) {
            item.openPopup();
            break; // 找到匹配项后跳出循环，提升性能
        }
    }
}

方案2：用普通for循环遍历 #

function openPopupByID (agency_id) {
    for (let i = 0; i < markerList.length; i++) {
        const item = markerList[i];
        if (item.id === agency_id) {
            item.openPopup();
            break;
        }
    }
}

方案3：用find方法更简洁 #

function openPopupByID (agency_id) {
    const targetMarker = markerList.find(marker => marker.id === agency_id);
    if (targetMarker) {
        targetMarker.openPopup();
    }
}

额外说明 #

你之前通过console.log看到Marker存在id属性是正确的，markerList里确实存储了带id的Marker对象，只是循环遍历的方式错误导致没拿到正确的对象。

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