我正在尝试创建一个交互式地图,其中的聚类需要在用户勾选复选框时显示,并在取消勾选复选框时移除。 到目前为止,一切都运行良好,聚类工作正常,但我注意到了一个奇怪的行为,我无法解释和修复:每次我取消勾选复选框并再次勾选它时,聚类中显示的数字会增加该区域中标记的数量(因此当我执行“clearMarkers”时,它似乎从未被重置为零)。
以下是涉及到的函数代码:
//Display or remove PREDICTED accident's markers.
function toDisplayPredictedAccidents ()
{
//If the checkbox is checked : Display all the PREDICTED accident's markers.
if(checkBoxPredicted.checked == true)
{
for (i = 0; i < predictedAccidentArray.length; i++)
{
marker = new google.maps.Marker
({
position: new google.maps.LatLng(predictedAccidentArray[i][1], predictedAccidentArray[i][2]),
icon : iconPredicted
});
markersPredicted.push(marker); //Put the created marker in an array.
//Create the pop-up when we click on the marker.
google.maps.event.addListener(marker, 'click', (function(marker, i)
{
return function()
{
infowindow.setContent(predictedAccidentArray[i][0]);
infowindow.open(map, marker);
}
})(marker, i));
}
markerClusterPredicted = new MarkerClusterer(map, markersPredicted);
}
else
{
clearPredictedMarkers();
markerClusterPredicted.clearMarkers();
}
}
//clearMarkers and setAllMap are related and aim to REMOVE all the PREDICTED accident's markers.
function clearPredictedMarkers() {
setAllMapPredicted(null, markersPredicted);
}
function setAllMapPredicted(map, markersArray)
{
for (var i = 0; i < markersArray.length; i++)
{
markersPredicted[i].setMap(map);
}
}
有人知道如何修复这种行为吗?:)
markersPredicted
中删除标记,而只是将它们从地图上分离。因此,下次你将相同的标记放入数组并显示它们全部。 - Anto Jurković