title: How to draw a circle instead of a marker?
body: <p>I am using the following and works fine:</p>
  
  <pre><code>      var markers = [],
            markerCluster;
  
        for (var i = 0; i &lt; coords.length; i++) {
          var pin = coords[i].split(',');
          var latLng = new google.maps.LatLng(pin[0],
              pin[1]);
          (function() {
            var marker = new google.maps.Marker({
              position: latLng
            }),
            circle = new google.maps.Circle({
              radius: 30.48,
              fillColor: '#ff007f',
              strokeColor: '#ff007f',
              strokeOpacity: 0.75,
              strokeWeight: 20
            });
            circle.bindTo('center', marker, 'position');
            circle.bindTo('map', marker, 'map');
            markers.push(marker);
          })();
        };
        markerCluster = new MarkerClusterer(map, markers, {
          imagePath: 'https://raw.githubusercontent.com/googlemaps/js-marker-clusterer/gh-pages/images/m'
        });
  </code></pre>
  
  <p>However it is still drawing the pin too while I am only looking into showing the circle </p>