2014-07-14 164 views
0

我试图打开某个事件(例如,按钮单击)上的特定标记弹出。为了做到这一点,我添加一个标识属性到一个标记,并将所有标记存储在一个数组中。但由于某种原因,当我尝试访问它时,数组内标记的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(var i = 0; i < markers.length; ++i) 

,并获得标志更换for作为markers[i]["id"]

但有人可以解释我为什么第一个版本不工作?

+0

可能会有所帮助:http://stackoverflow.com/questions/9329446/how-to-do-for-each-over-an-array-in-javascript – YaFred

回答

0

,我认为你的错误是使用推(以markers.push(标记))

要存储的标记,你应该使用

markers["id"] = marker; 

您可以打开弹出像

markers["id"].openPopup(); 

为标记知道自己的ID

marker.id = "id"; 
+0

是的,这可能是一个更好的解决方案,如果我不由于其他原因,不希望标记知道它是ID。我会考虑一下。但你能告诉我,为什么我的问题中的第一个解决方案不起作用? – Shamdor

+0

使用marker.id(不是标记[“id”])作为标记不是数组。我已经更新了答案 – YaFred

+0

如果是这样,为什么我的更新解决方案工作?我只是不明白他们之间的区别。 – Shamdor