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

问题描述 投票:-1回答:1

我正在使用Leafletjs地图,其中多个标记绑定到弹出文本。如何在点击时访问弹出文本?这两个功能都不起作用:

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


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

谢谢

javascript jquery google-maps leaflet
1个回答
0
投票

对不起,这是我的代码:

              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'的值传递给超链接弹出窗体中的表单。谢谢

© www.soinside.com 2019 - 2024. All rights reserved.