Leaflet 动态创建标记层

【问题标题】：Leaflet dynamically create marker layersLeaflet 动态创建标记层
【发布时间】：2020-03-17 20:53:21
【问题描述】：

我是传单的新手，我被困在这里。我收到一个带有位置及其类型（纬度、经度、类型）的 xml。我想为我获得的每种独特类型创建一个标记层，但不可能知道我每次将获得多少种类型。所以我想问是否可以制作一个图层数组，例如：

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

    var markerLayers[i] = new L.layerGroup();
    //populateLayer();
}

我的目标是在地图上隐藏/显示特定的标记层。

【问题讨论】：

标签： javascript leaflet

【解决方案1】：

好吧，我终于成功了： locInfo 是一个 3d 数组，它存储 1.Location 类型 2.Place 3.Lat 和 Long

let marker;
markerLayers = [];

//for every type
for (let i = 0; i < locInfo.length; i++) 
{
    markerLayers[i] = new L.layerGroup();

    //for every place of the specific type
    for (let j = 0; j < locInfo[i].length; j++)
    { 
        marker = new L.marker([locInfo[i][j][0],locInfo[i][j][1]]);
        markerLayers[i].addLayer(marker);
    }
    map.addLayer(markerLayers[i]);  
}

【讨论】：