javascript - Updating markerclusters - Stack Overflow

admin管理员组

文章数量:1394593

I have a google map set up with markers supplied via a JSON feed. Since there are a large number of markers involved (over 600) I have used markerclusterer v3 to speed things up. Everything is working fine until I try to change the markers displayed via option buttons. I have this function assigned to radio buttons :

function activities(markerarray,mapused,actType) {
    for(i in markerarray) {
        if(markerarray[i].activity[actType] == null) {
            markerarray[i].setMap(null);
    }
        else {
            markerarray[i].setMap(mapused);
    }
}
return markerarray;
}

This will stop the markers from displaying on the map and works fine for the actual google markers. However I don't seem to be able to find how to update the cluster which was created when the page loaded.

I have a google map set up with markers supplied via a JSON feed. Since there are a large number of markers involved (over 600) I have used markerclusterer v3 to speed things up. Everything is working fine until I try to change the markers displayed via option buttons. I have this function assigned to radio buttons :

function activities(markerarray,mapused,actType) {
    for(i in markerarray) {
        if(markerarray[i].activity[actType] == null) {
            markerarray[i].setMap(null);
    }
        else {
            markerarray[i].setMap(mapused);
    }
}
return markerarray;
}

This will stop the markers from displaying on the map and works fine for the actual google markers. However I don't seem to be able to find how to update the cluster which was created when the page loaded.

• javascript
• google-maps
• maps
• markerclusterer

Share Improve this question Follow asked May 17, 2011 at 14:42 Donny HammellDonny Hammell 10522 silver badges88 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

In order to update a cluster you should first call resetViewport(); method to hide it than use redraw(); method to recalculate clusters.

Using a setMap(null) function on a marker won't unregister it from a markerClusterer, to unregister you can use removeMarkers(marker, opt_nodraw) or removeMarkers(markers, opt_nodraw) functions. From my experience these are expensive operations. Setting opt_nodraw function to true will force no redraw which will improve performace.

You can first delete a bunch of markers with opt_nodraw set to true and than resetViewport(); redraw(); later manually.

I had the same problem and from what I could tell be reading the source code... you cant.

I cache all the items in the background as individual markers, filter them when required

    displayItems: function(infilter){
        this.markerCluster.clearMarkers();
        var matches = infilter.matches(this.markers);
        this.markerCluster.addMarkers(matches);

    }

this.markers is my cache of markers and this.markerCluster is my markerCluster object - both are global.

You cant directly edit a cluster but you can add and remove markers to to the markerCluster object using addMarker/removeMarker which in turn will remove them from a cluster and redraw it.

本文标签： javascriptUpdating markerclustersStack Overflow