title: Google Maps JS API v3 Single marker Multiple circles
body: <p>Screenshot: <a href="http://imageshack.us/a/img59/8541/72825985.png" rel="nofollow noreferrer">http://imageshack.us/a/img59/8541/72825985.png</a></p>
  
  <p>The above result is delivered by multiple markers(with different radius) on same spot.</p>
  
  <p>I would like to drag a single marker at one time, not multiple markers.</p>
  
  <p>Second, the infowindow is made available for different radius.</p>
  
  <p>Any help is greatly appreciated!</p>
  
  <pre><code>var locations = [
    ['US gov suggested', 1.8833, 102.7833, 5, 'green', 80000],
    ['agricultural contamination', 1.8833, 102.7833, 4, 'blue', 60000],
    ['Chernobyl_Exclusion_Zone (fallout)', 1.8833, 102.7833, 3, 'yellow', 30000],
    ['Fukushima evacuation zone', 1.8833, 102.7833, 2, 'red', 20000],
    ['emergency zone', 1.8833, 102.7833, 1, 'black', 5000]
  
  ];
  </code></pre>
  
  <p>and</p>
  
  <pre><code>var infowindow = new google.maps.InfoWindow();
  
  var marker, i;
  
  for (i = 0; i &lt; locations.length; i++) {  
    marker = new google.maps.Marker({
      position: new google.maps.LatLng(locations[i][1], locations[i][2]),
      draggable: true,
      map: map
    });
  
    google.maps.event.addListener(marker, 'click', (function(marker, i) {
      return function() {
        infowindow.setContent(locations[i][0]);
        infowindow.open(map, marker);
      }
    })(marker, i));
  
  var circle = new google.maps.Circle({
        map: map,
        fillColor:locations[i][4],
        //fillOpacity:0.3, 
        //strokeColor:locations[i][4],
        strokeOpacity:0.1,
        //strokeWeight:1,
        radius: locations[i][5] // 30 km
  });
  
  circle.bindTo('center', marker, 'position');
  
  }
  </code></pre>
  
  <p></p>
  
  <p>
  </p>
  
  <p>References:
  <a href="https://stackoverflow.com/questions/3059044/google-maps-js-api-v3-simple-multiple-marker-example">Google Maps JS API v3 - Simple Multiple Marker Example</a></p>
  
  <p><a href="http://code.google.com/p/gmaps-samples-v3/source/browse/trunk/circle-overlay/circle-overlay.html?r=67" rel="nofollow noreferrer">http://code.google.com/p/gmaps-samples-v3/source/browse/trunk/circle-overlay/circle-overlay.html?r=67</a></p>
  
  <p><a href="http://plugins.svn.wordpress.org/google-maps-v3-shortcode-multiple-markers/trunk/" rel="nofollow noreferrer">http://plugins.svn.wordpress.org/google-maps-v3-shortcode-multiple-markers/trunk/</a></p>