Vòng kết nối tương tác trong bản đồ google thay đổi về thay đổi bán kính

Question

Tôi muốn một vòng kết nối tương tác cho bản đồ google, làm tăng hoặc giảm khi và khi tôi thay đổi bán kính trong thanh trượt.
Nó đang làm việc tốt khi tôi đang tăng bán kính, nhưng trên giảm bán kính nó không được thay đổi (giảm) vòng tròn trên bản đồ

$(function() { 
     $("#slide").slider({ 
       orientation: "horizontal", 
       range: "min", 
       max: 10000, 
       min: 500, 
       value: 500, 
       slide: function(event, ui) { 
          drawCircle(ui.value); 
              } 
          }); 
      }); 

function drawCircle(rad){ 
     circle = new google.maps.Circle({ 
       strokeColor: "#FF0000", 
       strokeOpacity: 0.8, 
       strokeWeight: 2, 
       fillColor: "#FF0000", 
       fillOpacity: 0.35, 
       map: myMap, 
       radius: rad }); 

     circle.bindTo('center', marker, 'position'); 
         } 

Answer 1

Tạo vòng tròn một lần thay vì trên tất cả các sự kiện trượt di chuyển. Sau đó, chỉ cần cập nhật bán kính của vòng tròn khi thanh trượt thay đổi.

đang chưa được kiểm tra:

var circle; //global variable, consider adding it to map instead of window 

$(function() { 
    circle = new google.maps.Circle({ 
    strokeColor: "#FF0000", 
    strokeOpacity: 0.8, 
    strokeWeight: 2, 
    fillColor: "#FF0000", 
    fillOpacity: 0.35, 
    map: myMap, 
    radius: 500 
    }); 
    circle.bindTo('center', marker, 'position'); 

    $("#slide").slider({ 
    orientation: "horizontal", 
    range: "min", 
    max: 10000, 
    min: 500, 
    value: 500, 
    slide: function(event, ui) { 
    updateRadius(circle, ui.value); 
    } 
    }); 
}); 

function updateRadius(circle, rad){ 
    circle.setRadius(rad); 
}