将数组中的标记添加到 Leaflet

Question

我正在尝试将数组中的标记添加到传单地图中。我正在尝试从数组中获取弹出信息、图层和坐标。我一定遗漏了一些明显的东西，因为我无法提取图层信息。

markersArray[i][1] 返回值“layer1”，但在 .addTo 方法中不起作用。

编辑：我已更改代码以解决标记出现在集群外部的问题：

我的代码如下：

var markersList = [];
var markersList = [
[41.15,-8.61,'popup1','layer1'],
[41.15,-8.61,'popup2','layer1'],
[41.15,-8.31,'popup3','layer2'],
[41.15,-8.31,'popup4','layer2']
];

var markers = new L.MarkerClusterGroup();

for (var i = 0; i < markersList.length; i++) {
markers.addLayer(new L.marker([markersList[i][0], markersList[i][1]]).bindPopup(markersList[i][2]));
markers.addTo(layer1); // working
markers.addTo(markersList[i][3]); // not working
map.addLayer(markers);
};

感谢您的帮助。

Answer 1

那是因为markersArray[i][1] 是字符串的类型。如果你想用它来引用 layer1 对象，你可以使用 this[markersArray[i][1]];

因提问者编辑而编辑：

你还在犯同样的错误。 addTo 方法需要一个层的实例作为参数，而不是一个包含您的层实例的变量名称的字符串。 markerList[i][3] 包含一个字符串，其名称为 layerinstance 的变量名称，而不是该层的实例。如果你想通过字符串获取该层的实例，你应该使用：this[markersList[i][3]]。这将导致以下代码：

markers.addTo(this[markersList[i][3]]);

这里 'this' 代表您当前的范围，markersList[i][3] 带有您的变量名称的字符串，因此它会导致 'this["layer1"]' 这是对您的 layerinstance 的引用。我假设您已经在该范围内声明了变量 layer1 并且它包含 layerinstance：

var layer1 = new L.LayerGroup();

但我无法从您当前的代码中扣除这一点，因为您已经删除了创建图层组实例的位置。

Answer 2

addTo 用于向地图添加标记。传递markersArray 不会像你发现的那样工作。

我猜你打算有多个图层，每个图层都包含一些你添加到地图的功能。您可能需要使用图层字典，并将每个图层名称映射到相应的传单图层对象。

var layerLookup {};
layerLookup["layer1"] = new L.LayerGroup().addTo(map);
layerLookup["layer2"] = new L.LayerGroup().addTo(map);

... // other code

for (var i = 0; i < markersArray.length; i++) {
    marker = new L.marker([markersArray[i][2],markersArray[i][3]])
    .bindPopup(markersArray[i][0]).addTo(layerLookup[markersArray[i][1]]);
};