Интерактивный круг на карте Google, который меняется при изменении радиуса
Мне нужен интерактивный круг для карт Google, который увеличивается или уменьшается по мере изменения радиуса в слайдере.
Это работает нормально, когда я увеличиваю радиус, но при уменьшении радиуса это не меняет (уменьшает) окружность на карте
$(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');
}