Google maps 识别特定群集中的照片

现在，我在地图上有8张照片作为标记，当我点击这个聚类器时，地图会变暗，并且这个聚类器中的所有照片都会显示出来

如果我关闭此dim并返回地图并放大，将显示2个簇，其中有4个标记和2个标记，然后单击包含2张照片的簇，它将使地图变暗并显示8张照片。这是错误的

当我点击一个有8张照片的集群时，它会显示该集群中的8张照片。如果我点击一个有4张照片的集群，它将显示该集群中的4张照片。我怎样才能做到这一点

var markerCluster = new MarkerClusterer(gm_map, [], options_markerclusterer);

google.maps.event.addListener(markerCluster, 'clusterclick', function() {
    $('#toggle-photolist').fadeIn();
    $('#close-overlay').fadeIn();
    $('#view-multiblephotos').show();
    $('#view-singlephoto').hide();


    var array = [];
    var num = 0;
    for(i = 0; i < locations.length; i++) {
        num++;

        array.push(locations[i][0]);
    }

    $('#count-photos').text(num);
    $('#list-photos').html(array.join(''));
});

var markerCluster=新的MarkerClusterer（gm\u地图，[]，选项\u MarkerClusterer）；
google.maps.event.addListener（markerCluster，'clusterclick'，function（）{
$（“#切换照片列表”）.fadeIn（）；
$（“#关闭覆盖”）.fadeIn（）；
$（“#查看多张照片”）.show（）；
$（“#查看单张照片”）.hide（）；
var数组=[]；
var num=0；
对于（i=0；i

---

提前谢谢。

多亏了我哥哥，我才有了这个工作！以下是工作代码（JSFIDLE上的代码也已更新）

函数初始化（）{
var标记，i；
变量群集标记=[
新的google.maps.Marker({
位置：新google.maps.LatLng（59.381059,13.504026），
地图：gm_地图，
标题：“P1220214 1.JPG”
}),
新的google.maps.Marker({
位置：新google.maps.LatLng（59.338683,13.492057），
地图：gm_地图，
标题：“P1220214 2.JPG”
}),
新的google.maps.Marker({
位置：新google.maps.LatLng（59.340715,13.49631），
地图：gm_地图，
标题：“P12202143.JPG”
}),
新的google.maps.Marker({
位置：新google.maps.LatLng（59.327232,13.487384），
地图：gm_地图，
标题：“P12202144.JPG”
}),
新的google.maps.Marker({
位置：新google.maps.LatLng（59.379034,13.516566），
地图：gm_地图，
标题：“P12202145.JPG”
}),
新的google.maps.Marker({
位置：新google.maps.LatLng（59.328631,13.485688），
地图：gm_地图，
标题：“P1220214 6.JPG”
}),
新的google.maps.Marker({
位置：新google.maps.LatLng（59.328657,13.485591），
地图：gm_地图，
标题：“P12202147.JPG”
}),
新的google.maps.Marker({
位置：新google.maps.LatLng（59.328501,13.485782），
地图：gm_地图，
标题：“P12202148.JPG”
})
]
变量选项\u谷歌地图={
minZoom:4，
maxZoom:18，
mapTypeId:google.maps.mapTypeId.ROADMAP，
街景控制：错误
}
gm_map=new google.maps.map（document.getElementById（'google-maps'），options_googlemaps）；
变量选项\u标记聚类器={
网格大小：20，
maxZoom:18，
zoomOnClick:错误
};
var markerCluster=新的MarkerClusterer（gm\u地图、clusterMarkers、选项\u MarkerClusterer）；
google.maps.event.addListener（markerCluster，'clusterclick'，函数（cluster）{
$（“#切换照片列表”）.fadeIn（）；
$（“#关闭覆盖”）.fadeIn（）；
$（“#查看多张照片”）.show（）；
$（“#查看单张照片”）.hide（）；
var markers=cluster.getMarkers（）；
var数组=[]；
var num=0；
对于（i=0；i'）；
}
$（“#统计照片”）.text（num）；
$（“#列出照片”）.show（）.html（array.join（“”））；
});
对于（i=0；i

function initialize() {
    var marker, i;
    var clusterMarkers = [
        new google.maps.Marker({
            position: new google.maps.LatLng(59.381059,13.504026),
            map: gm_map,
            title:"P1220214 1.JPG"             
        }),

        new google.maps.Marker({
            position: new google.maps.LatLng(59.338683,13.492057),
            map: gm_map,
            title:"P1220214 2.JPG"             
        }),

        new google.maps.Marker({
            position: new google.maps.LatLng(59.340715,13.49631),
            map: gm_map,
            title:"P1220214 3.JPG"             
        }),

        new google.maps.Marker({
            position: new google.maps.LatLng(59.327232,13.487384),
            map: gm_map,
            title:"P1220214 4.JPG"             
        }),

        new google.maps.Marker({
            position: new google.maps.LatLng(59.379034,13.516566),
            map: gm_map,
            title:"P1220214 5.JPG"             
        }),

        new google.maps.Marker({
            position: new google.maps.LatLng(59.328631,13.485688),
            map: gm_map,
            title:"P1220214 6.JPG"             
        }),

        new google.maps.Marker({
            position: new google.maps.LatLng(59.328657,13.485591),
            map: gm_map,
            title:"P1220214 7.JPG"             
        }),

        new google.maps.Marker({
            position: new google.maps.LatLng(59.328501,13.485782),
            map: gm_map,
            title:"P1220214 8.JPG"             
        })
        ]

    var options_googlemaps = {
        minZoom: 4,
        maxZoom: 18,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        streetViewControl: false
    }

    gm_map = new google.maps.Map(document.getElementById('google-maps'), options_googlemaps);


    var options_markerclusterer = {
        gridSize: 20,
        maxZoom: 18,
        zoomOnClick: false
    };



    var markerCluster = new MarkerClusterer(gm_map, clusterMarkers, options_markerclusterer);

    google.maps.event.addListener(markerCluster, 'clusterclick', function(cluster) {
        $('#toggle-photolist').fadeIn();
        $('#close-overlay').fadeIn();
        $('#view-multiblephotos').show();
        $('#view-singlephoto').hide();

        var markers = cluster.getMarkers();

        var array = [];
        var num = 0;

        for(i = 0; i < markers.length; i++) {

            num++;
            array.push(markers[i].getTitle() + '<br>');
        }

        $('#count-photos').text(num);
        $('#list-photos').show().html(array.join(''));

    });



    for(i = 0; i < clusterMarkers.length; i++) {
       var marker = clusterMarkers[i];

        google.maps.event.addListener(marker, 'click', (function(marker) {
            return function() {
                $('#toggle-photolist').fadeIn();
                $('#close-overlay').fadeIn();
                $('#view-multiblephotos').hide();
                $('#list-photos').hide();
                $('#view-singlephoto').show().html(marker.getTitle());
            }
        })(marker));

    }
}