Witam, pisze prosta aplikacje ktora uzywa google maps. Dodalem znacznik i chcialbym narysowac okrag ktorego promien zmieniany jest "slajderem". Poczatkowo dziala - guziki plus i minus aktualizuja element "range" (czyli ten pionowy suwak zmienia pozycje odpowiednio) ktory jest podpiety do zmiennej w $scope, ktora jest podpieta pod atrybut "radius" na "google.maps.Circle". Klikniecie w dowolny punkt "range" tez dziala - zmienia sie promien okregu i pozycja suwaka na elemencie "range". Problem w tym, ze gdy raz klikne bezposrednio na element "range", przyciski przestaja go aktualizowac - klikniecie zmienia wartosc zmiennej rangeSliderRadius i promien okregu na mapie, ale suwak pozostaje w starej pozycji, tak jakby to "two-way binding" przestalo dzialac nagle.
Ponizej moj kod:
<div class="item range">
<i class="icon ion-minus" ng-click="testingMinus()"></i>
<input id="rangeSlider" type="range" min="1" max="501" name="zoomLevel" ng-model="rangeSliderRadius" ng-change="updateCircleRadius(rangeSliderRadius)">
<i class="icon ion-plus" ng-click="testingPlus()"></i>
</div>
i kontroler:
$scope.rangeSliderRadius = 250;
circle = new google.maps.Circle({
map: map,
center: latLng,
radius: $scope.rangeSliderRadius,
editable: true
})
$scope.updateCircleRadius = function(val) {
circle.setRadius(parseInt(val));
$scope.rangeSliderRadius = parseInt(val);
}
$scope.testingPlus = function() {
if (parseInt(circle.getRadius()) <= 501) {
var tempRadius = parseInt(circle.getRadius()) + 5;
$scope.updateCircleRadius(tempRadius);
}
}
Przeklikalem obserwujac wartosci zmiennych, ale niczego dziwnego nie zauwazylem. Czy ktos sie juz z tym spotkal albo moglby mi pomoc znalezc przyczyne?