update markercluster after removing markers from array

Yes you can.

Creating the map

Assuming you have created your MarkerClusterer object something like this:

var center = new google.maps.LatLng(10, 20);
var map = new google.maps.Map(document.getElementById('map'), { zoom: 6, center: center, mapTypeId: google.maps.MapTypeId.ROADMAP });
var markerClusterer = new MarkerClusterer(map);

Adding markers

You can add multiple markers to it something like this:

var markers = []
var marker = new google.maps.Marker({position: center});
markers.push(marker);
markerClusterer.addMarkers(markers);

Note that here I have added only one.

Removing all markers

You can then clear all the markers using clearMarkers something like this:

markerClusterer.clearMarkers();
markers = [];

Note that for tidiness I have also unset the markers array here.

Docs

Full documentation on all the available methods is available here:

https://googlemaps.github.io/js-marker-clusterer/docs/reference.html

UPDATED Link: https://googlemaps.github.io/js-markerclustererplus/classes/markerclusterer.html#clearmarkers

It's a sensible and relatively complete API.


You should store the marker object in a var and then unset the map as following:

var markerCluster = new MarkerClusterer(map, markers);
/// ... later on
markerCluster.setMap(null);

after you've done this, you could init a new MarkerClusterer with new markers

Update

since you are using google maps ui plugin here's some additional code. I've added a click even on a button with class reset_markercluster ofcourse this is just to show how to use it to call the map

var _map, _markerCluster;

$(function() {
  $('#map_canvas').gmap().bind('init', function(event, map) { 
    _map = map; // at this point you can call _map whenever you need to call the map

    // build up your markers here ...

    _markerCluster = new MarkerClusterer(_map, markers);  // you could also use map instead of _map here cause it's still present in this function
  });

  $("button.reset_markercluster").click(function(e) {
    e.preventDefault();
    _markerCluster.setMap(null);  // remove's the previous added markerCluster

    // rebuild you markers here ...

    _markerCluster = new MarkerClusterer(_map, newMarkers);

  });
});

It's best to use the clearMarkers() method from your markerCluster object:

http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/docs/reference.html updated reference: https://googlemaps.github.io/js-markerclustererplus/classes/markerclusterer.html#clearmarkers


marker-clusterer-plus has a removeMarkers method:

markerCluster.removeMarkers(markers);