title: move a circle from one point to another
body: <p>I'm new to leaflets and am trying to circle the map when clicked. I want conditions like the following:</p>
  <ul>
  <li>Circle moves from one point to another when clicked on the map (If the circle already exists and there is only one circle)</li>
  <li>Directly Zoom on where the circle is made</li>
  </ul>
  <p>However I have the following problem:</p>
  <ol>
  <li>Circle increases</li>
  <li>When pressing another point, the circle disappears first and after that it will appear at the previous point and at the most recent point</li>
  <li>Don't zoom in where the circle is made</li>
  </ol>
  <p>Is there a solution to this problem?</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
     &lt;head&gt;
        &lt;title&gt;Leaflet Polygons&lt;/title&gt;
        &lt;link rel = &quot;stylesheet&quot; href = &quot;http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css&quot;/&gt;
        &lt;script src = &quot;http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js&quot;&gt;&lt;/script&gt;
     &lt;/head&gt;
     
     &lt;body&gt;
        &lt;div id = &quot;map&quot; style = &quot;width: 900px; height: 580px&quot;&gt;&lt;/div&gt;
        &lt;script&gt;
           // Creating map options
           var mapOptions = {
              center: [16.506174, 80.648015],
              zoom: 11
           }
           var groupCircle = L.featureGroup();
  
           var map = new L.map('map', mapOptions);    // Creating a map object
           
           // Creating a Layer object
           var layer = new L.TileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png');
           map.addLayer(layer); // Adding layer to the map
           
           map.on(&quot;click&quot;, function(e){
              if(map.hasLayer(groupCircle)){
                  map.removeLayer(groupCircle)
              }else{
                  new L.Circle([e.latlng.lat, e.latlng.lng], 5000).addTo(groupCircle);
                  map.addLayer(groupCircle)
              }
              
           })
        &lt;/script&gt;
     &lt;/body&gt;
     
  &lt;/html&gt;
  </code></pre>