title: How to create circle overlay with text-Google map
body: <p>I want to create a circle overlay in google map <strong>with text inside it</strong>.How can i do this.</p>
  
  <pre><code>   map = new google.maps.Map(document.getElementById('map'), options);
  
  var circle = new google.maps.Circle({
      center: centerPosition,
      map: map,
      fillColor: '#0000FF',
      fillOpacity: 0.5,
      strokeColor: '#0000FF',
      strokeOpacity: 1.0,
      strokeWeight: 2,
      draggable:true
  });
  </code></pre>
  
  <p>I will share fiddle for this. <a href="http://jsfiddle.net/pVh3b/434/" rel="nofollow noreferrer">http://jsfiddle.net/pVh3b/434/</a></p>
  
  <p>I need a circle with text as shown below<img src="https://i.stack.imgur.com/zxStj.png" alt="enter image description here"></p>
  
  <p>Text also should move when it is dragging.Can anyone please help on this</p>