title: Dynamically adding CIRCLE or POLYGON to google map using angular js
body: <p>I need to add different shapes such as CIRCLE and POLYGON dynamically to google map using angularjs. 
  For eg:
  Suppose I enter the lat and long in text box and other options like fillColor and radius and by clicking on generate, the circle should be generated on google map.
  I am using angular-google-map directive for generating the map.
  I am able to generate the circle using this </p>
  
  <pre><code>&lt;ui-gmap-marker coords="marker.coords" options="marker.options" idkey="marker.id"&gt;
  &lt;/ui-gmap-marker&gt;
  &lt;ui-gmap-circle ng-repeat="c in circles track by c.id" center="c.center" stroke="c.stroke" fill="c.fill" radius="c.radius" visible="c.visible" geodesic="c.geodesic" editable="c.editable" draggable="c.draggable" clickable="c.clickable" control="c.control"&gt; &lt;/ui-gmap-circle&gt;
  </code></pre>
  
  <p>But I need to generate it dynamically something like this <a href="http://www.freemaptools.com/radius-around-point.htm" rel="nofollow">http://www.freemaptools.com/radius-around-point.htm</a></p>