javascript - Leaflet:隐藏/显示动态插入 map 中的标记

Question

我像这样插入 map 点:

function getPoints() {
  $.getJSON("get_users.php", function (data) {
    for (var i = 0; i < data.length; i++) {
      var location = new L.LatLng(data[i].lat, data[i].lng);
      var name = data[i].name;
      var website = data[i].website;
      var teste = "teste" + website;

      var marker = new L.Marker(location, {
        icon: tree1
      });
      marker.bindPopup("<a onclick='info()' style='font-size:18px; font-style: italic; font-family:courier; cursor: pointer;'>" + name + "</a><p>" + city + "</p><p id='inf' style='display:none;'>" + website + "</p><p style='font-size:10px;'>" + location + "</p>", {maxWidth: '400'});
      users.addLayer(marker);
    }
  }).complete(function() {
    if (firstLoad == true) {
      map.fitBounds(users.getBounds());
      firstLoad = false;
    };
  });
}

我希望用户只能看到标记，例如“foo”类，使用 javascript 隐藏没有该类的点。

我的问题是我无法为标记分配一个类..我已经尝试过:

使用 JQuery:$(marker._icon).addClass(foo) 、 $(marker).addClass('foo')

DomUtil: DomUtil.addClass(marker, 'foo') , marker = L.DomUtil.addClass(marker, 'foo')

我在声明类时做错了什么吗？请纠正我!

Answer 1

您可以使用标记创建一个 LayerGroup 数组，然后使用子数组，您可以仅放置您想要显示的标记，并在需要时删除和添加