如何在单击时获取要素组中的图层ID

Posted 2021-04-07

我有一个包含几个标记的功能组。

我有这个代码来响应任何标记的点击：

        sampleFeatureGroup.on("click", function(){ 
            alert(this.id);  // something like this
        });

我希望能够获得从函数内部点击的标记的id，但是“this”指的是功能组，所以我找不到点击标记的id，这看起来应该很容易但我无法弄清楚。

答案

您必须使用eachLayer迭代featureGroup，然后将函数绑定到click事件，如下所示：

group.eachLayer(function(layer) {
  layer.on('click', function(){
    alert(this._leaflet_id)
  });
});

这是关于Plunker的一个工作示例：http://plnkr.co/edit/4fh7vhVet8N0iD4GE3aN

这里是对eachLayer的引用：http://leafletjs.com/reference.html#layergroup-eachlayer

另一答案

虽然可以使用this._leaflet_id检索ID，但这不是最佳实践，因为前缀为_的变量应该被视为私有。

相反，最好使用getLayerId()函数，如下所示：

group.eachLayer(function(layer) {
  layer.on('click', function(){
    alert(group.getLayerId(layer))
  });
});