javascript - 如何将参数传递给 Leaflet 事件监听器？

Question

我正在尝试编写此函数，以便单击在 Google map 中创建的新项目时应该对指定的 latlng 运行 panTo()。我不知道 addListener 是否无法向回调函数发送参数。

function createLinkToMarker(title, latlng, container) {
    var a = L.DomUtil.create('a', 'link-marker', container);
        a.href='#',
        a.innerHTML = title;

    function pan() {//??? why I passing argument(latlng) for each new A element?
        console.log(arguments);
        map.panTo(latlng);
    }
    L.DomEvent
        .addListener(a, 'click', L.DomEvent.stopPropagation)
        .addListener(a, 'click', L.DomEvent.preventDefault)
        .addListener(a, 'click', pan);
    return a;
}

Answer 1

您可能应该将 latlng 值添加到 DOM 元素并在监听器中检索它。如果您使用的是 HTML5，则可以存储带有前缀“data”的项目，这样您就可以将元素中的纬度存储为“data-lat”，将经度存储为“data-lon”，即:

a.setAttribute( "data-lat", latlng.lat );
a.setAttribute( "data-lon", latlng.lng );

然后在你的监听器中:

var lat = this.getAttribute( "data-lat" );
var lon = this.getAttribute( "data-lon" );
map.panTo( new L.LatLng( lat, lon ) );

希望这有帮助!