Question

我尝试在某些事件（例如按钮点击）上打开特定标记的弹出窗口。为此，我将一个id属性添加到标记并将所有标记存储在一个数组中。但由于某种原因，当我尝试访问它时，数组内部标记的id属性是未定义的。

var map = L.map('map').setView([51.505, -0.09], 13);
var markers = [];
var marker = L.marker([51.5, -0.09]);
marker["id"]="0";
marker.bindPopup('!');
marker.addTo(map);
markers.push(marker);

openPopupById("0");

function openPopupById(id) {
    for(var marker in markers) {
        alert("Marker's id " + marker["id"] + " target id " + id );
        if (marker["id"] === id) {
            //marker.openPopup();
            alert("opening " + id);
        }
    }
    alert(id);
}

UPDATE 好的，我找到了解决方案：我应该用

替换for

for(var i = 0; i < markers.length; ++i)

并将标记设为markers[i]["id"]

但有人可以解释为什么第一个版本不起作用吗？

Answer 1

我认为你的错误是使用push（在markers.push（marker）中）

要存储标记，您应该使用

markers["id"] = marker;

您可以像这样打开弹出窗口

markers["id"].openPopup();

让标记知道他们的身份

marker.id = "id";

单击按钮单击打开特定标记弹出窗口

1 个答案: