我正在使用Leafletjs地图,其中多个标记绑定到弹出文本。如何在点击时访问弹出文本?这两个功能都不起作用:
$('.mapLink').on('click', function(){
var userName = $(this).text();
console.log(userName);
});
$(".mapLink").click(function () {
var userName = $(this).text();
console.log(userName);
});
谢谢
对不起,这是我的代码:
L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token={accessToken}', {
attribution: 'Map data © <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'的值传递给超链接弹出窗体中的表单。谢谢