Interaktiver Kreis in Google Map, der sich bei Änderung des Radius ändert
Ich möchte einen interaktiven Kreis für Google Maps, der sich vergrößert oder verkleinert, wenn ich den Radius im Schieberegler ändere.
Es funktioniert gut, wenn ich den Radius vergrößere, aber beim Verkleinern des Radius ändert sich der Kreis in der Karte nicht (verkleinert sich)
$(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');
}