隐藏标记出现后缩放- API谷歌地图V3

Hidden markers appear after zoom - API Google Maps V3

本文关键字：API 谷歌地图 V3 缩放 隐藏      更新时间：2023-09-26

我在地图上有标记，我用这个来删除它们…

function clearMarkers() 
{
    for (i in markers) 
    {
       markers[i].setMap(null);
    }
    markers = [];
}

但是当我改变地图的缩放比例时，所有的标记又出现了。

有人知道这是什么吗?

var map;
var idInfoBoxOpen;
var infoBox = [];
var markers = [];
function initialize() 
{   
    var latlng = new google.maps.LatLng(-18.8800397, -47.05878999999999);   
    var options = {
        zoom: 5,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById("mapa"), options);
}
initialize();
function openInfoBox(id, marker) {
    if (typeof(idInfoBoxOpen) == 'number' && typeof(infoBox[idInfoBoxOpen]) == 'object') 
    {
        infoBox[idInfoBoxOpen].close();
    }
    infoBox[id].open(map, marker);
    idInfoBoxOpen = id;
}
function loadPoints()
{
    $.getJSON('assets/json/pontos.json', function(points) 
    {
        var latlngbounds = new google.maps.LatLngBounds();
        $.each(points, function(index, point) 
        {
            var marker = new google.maps.Marker({
                position: new google.maps.LatLng(point.Latitude, point.Longitude),
                title: "Desc",
                icon: 'assets/img/point.png',
            });
            var myOptions = {
                content: "<p>" + point.Descricao + "</p>",
                pixelOffset: new google.maps.Size(-150, 0)
            };
            infoBox[point.Id] = new InfoBox(myOptions);
            infoBox[point.Id].marker = marker;
            infoBox[point.Id].listener = google.maps.event.addListener(marker, 'click', function (e) {
                openInfoBox(point.Id, marker);
        });
            markers.push(marker);
            latlngbounds.extend(marker.position);   
        });
        var markerCluster = new MarkerClusterer(map, markers);
        map.fitBounds(latlngbounds);
    });
}
function clearMarkers() 
{
    for (i in markers) 
    {
       markers[i].setMap(null);
    }
    markers = [];
}
function reset(value)
{
    clearMarkers();
}
loadPoints();

如果您不希望在更改缩放时它们回来，则需要从markerClusterer中删除标记。

markerCluster.clearMarkers();

(并使markerCluster变量全局，它目前是AJAX回调函数的本地变量)

我是这样解决的:

for(var i = 0; i < markers.length; i++){
    markers[i].setMap(null);
}
handler.removeMarkers(markers);
markers = [];
相关文章：