Círculo interativo no mapa do Google que muda no raio de mudança
Eu quero um círculo interativo para o google maps, que aumenta ou diminui conforme eu mudo o raio no slider.
Ele está funcionando bem quando eu estou aumentando o raio, mas na diminuição do raio não está mudando (diminuindo) o círculo no mapa
$(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');
}