javascript - Google maps API v3，无法点击标记

Question

我从我的 webAPI 中获取用户的 json 对象数组。我可以在每个用户的位置正确显示标记，但是当我单击每个用户以获取单击的项目时我无法开始工作，我总是从列表中的最后一个获取信息。

这是我用来将它们放在 map 上的代码:

var markers = [];

for ( var i = 0; i < size; i++) {
    var zIndex = membersList[i].type; 
    var latLng = new google.maps.LatLng(membersList[i].latitude,
            membersList[i].longitude);
    var marker = new google.maps.Marker({
        'position' : latLng,
        'shadow' : null,
        'zIndex' : zIndex,
        'title'  : membersList[i].username,
        'id'     : i,
        'icon' : markerImage[membersList[i].type]
    });

    google.maps.event.addListener(marker, 'click', function()
    {
        console.log(marker.id);
        var clicked = membersList[marker.id];
        var mType = ['', 'Couple', 'Male', 'Female'];
        var textType = mType[clicked.type];
        var userName = clicked.username;
        $(this).simpledialog2({
            mode: 'button',
            headerText: "OPTIONS",
            headerClose: true,
            buttonPrompt:  userName+ ' ('+textType+')',
            buttons : {
                'PROFILE': {
                    click: function () {
                        toUser = userName;
                        loadPage('profile');
                    },
                    icon: "info"
                },
                'MESSAGE': {
                    click: function () { 
                        toUser = userName;
                        loadPage('compose');
                    },
                    icon: "star",
                }
            }
        });
    });

    markers.push(marker);
}

markerCluster.addMarkers(markers);

顺便说一下，我正在使用 markerClusterer 以某些缩放级别显示在 map 上分组的标记。

Answer 1

您正在使用在点击功能之外定义的标记。

你需要看的是google maps api，并了解如何获取点击的标记id

标记在循环中递增，并且始终是最后创建的标记