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

【问题标题】：How can I access to the marker popup text in a map in JS or JQ?如何在 JS 或 JQ 的地图中访问标记弹出文本？
【发布时间】：2018-09-03 21:53:15
【问题描述】：

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

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


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

谢谢

【问题讨论】：

如果可能的话，你能创建 jsfiddle 链接吗？
需要查看更多代码和 HTML。 “不起作用”是什么意思？点击事件永远不会被触发，还是数据不是你所期望的？

标签： javascript jquery google-maps leaflet

【解决方案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”的值以传递给超链接弹出窗口中的表单。谢谢

【讨论】：