如何在 JS 或 JQ 中访问地图中的标记弹出文本?

Question

我正在使用带有多个标记绑定到弹出文本的 Leafletjs 地图。 如何在单击时访问弹出文本？ 这两个函数都不起作用：

$('.mapLink').on('click', function(){
var userName = $(this).text();
console.log(userName);
});

$(".mapLink").click(function () { 
var userName = $(this).text();
console.log(userName);
});

谢谢

Answer 1

对不起，这是我的代码：

L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', {
attribution: 'Map data &copy; <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors, <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>, Imagery © <a href="https://www.mapbox.com/">Mapbox</a>',
maxZoom: 18,
id: 'mapbox.streets',
accessToken: 'key'
}).addTo(mymap);

这是我的JQ代码：

//Set new markers
$.each(data, function (index, value) {
var marker = L.marker([value.Lng, value.Lat], .addTo(mymap);
var nameLink = '<a class="nav-link mapLink" data-toggle="modal" data-target="#composeModal">Envoyer un message à ' + value.name + '</a>'
marker.bindPopup(nameLink);
markerList.push(marker);
marker.addTo(markersLayer);
console.log(markerList);
});

我正在使用循环从 json 添加标记。我想获取"value.name"的值以传递超链接弹出窗口中的表单。 谢谢