title: Google Maps JS API - draw resizable circle with a static center
body: <p>I have a requirement to draw a circle on google maps from a given static point. I tried to accomplish this by setting the circle setting <code>center</code> as follows, <code>center: new google.maps.LatLng(-34.397, 150.644)</code> after being drawn using the <code>DrawingManager</code>. </p>
  
  <p>But the issue here is the circle starts to draw from the mouse click location and once done the circle snaps into the given <code>lat</code> and <code>lng</code> as demo-ed in the fiddle : <a href="http://jsfiddle.net/hjkety80/1/" rel="noreferrer">http://jsfiddle.net/hjkety80/1/</a> </p>
  
  <p>What I require is, regardless of where I click the circle should start drawing from the static point given. I apologize if the description is vague and would glad to clarify more if required. Any help / reference on this matter is greatly appreciated.</p>
  
  <p>Thanks</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>Even if the circle center binds to a marker is also a good workaround if possible</p>