[GIS] Google Maps MarkerClusterer – Remove all clusters

clusteringgoogle mapsmarkerspostgispostgresql

So, I have a PostGreSQL DB with 317 datapoints – all spatially enabled through PostGIS. I have queried this using PHP as GeoJSON and overlaid it on Google Maps (using a converting routine). I have also used the MarkerClusterer extension available in google Maps api to cluster all the markers.

Now, I want to remove all the clusters from the map, to display other data. How do I do this?

My markers are stored in an array called markers = []; and the marker clusterer is called like this markerCluster = new MarkerClusterer(map, markers);. I'm not able to find the right function to do this. MarkerClusterer link – http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/docs/examples.html

Best Answer

Check out the speed test code sample that they provide. That has an option to toggle the marker cluster on or off: http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/examples/speed_test_example.html

Related Solutions

Google Maps Clustering – Using Drop Markers and MarkerClusterer Together

This may not be the most elegant solution, but, with some fine-tuning of the timeout durations and customization of the cluster icons, I think you can get the effect you are looking for. See this example.

The trick is to first create a marker and set the map attribute in the marker options object. This adds the marker to the map with the nice drop animation. Then, the createMarker function returns the marker object so that we can add it to the cluster after it is dropped on the map. The adding of the marker to the cluster is wrapped in its own setTimeout function so that there is a delay between the marker dropping on to the map and being added to the cluster. Otherwise, it all happens too fast to see.

Note that to have control over the cluster icons you have to use MarkerClusterPlus, the enhanced version of MarkerCluster. MarkerClusterPlus is backwards compatible.

Here is the JS code:

var map;
var mc;
var cityHall = new google.maps.LatLng(39.95240, -75.16362);

//multiplier min and max, for our random numbers
var min = .999;
var max = 1.001;

function initialize(){

    var options = { 
        zoom: 11, 
        center: cityHall, 
        mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 

    map = new google.maps.Map(document.getElementById('map'), options); 

    //marker cluster
    mc = new MarkerClusterer(map);  

    //plot a 100 markers that are randomly scattered around City Hall
    var i=0;

    for (i=0;i<=100;i++) {

        setTimeout(function() {
            var marker = addMarker();

                setTimeout(function () { 
                    mc.addMarker(marker);
                }, 1500);

        }, i * 50);

    }

}

function addMarker() {

    var newLat = cityHall.lat() * (Math.random() * (max - min) + min);
    var newLng = cityHall.lng() * (Math.random() * (max - min) + min);      

    var marker = new google.maps.Marker({
        position: new google.maps.LatLng(newLat,newLng),
        animation: google.maps.Animation.DROP,
        map: map
    });

    return marker;
}

[GIS] Zooming Google Maps to fit the extents of a Fusion Table layer

You can get your all your table data and find the bounds from the response:

      var bounds = new google.maps.LatLngBounds();
  for(i = 0; i < numRows; i++) {
      var point = new google.maps.LatLng(
          parseFloat(response.getDataTable().getValue(i, 0)),
          parseFloat(response.getDataTable().getValue(i, 1)));
      bounds.extend(point);
  }
  // zoom to the bounds
  map.fitBounds(bounds);
}

This comes from a good example:

http://www.geocodezip.com/www_vciregionmap_comC.html and view source

Best Answer

Related Solutions

Google Maps Clustering – Using Drop Markers and MarkerClusterer Together

[GIS] Zooming Google Maps to fit the extents of a Fusion Table layer

Related Question