角谷歌地圖如何限制一個圓的半徑？

Question

我使用angular-google-maps並嘗試限制圓形半徑。 例如radius_changed事件觸發，當我檢查半徑值，如果它小於100我給它分配100

但該技術不工作:(

events: { 
    radius_changed: function (e) { 
     if ($scope.circle.radius < 100) 
      $scope.circle.radius = 100; 
    } 
} 

這裏充滿的jsfiddle樣本：https://jsfiddle.net/q3ggodac/

Answer 1

看來，當你改變現有的圓的radius屬性，則angular-google-maps庫將不會傳播的變化，以實際Circle對象（無論它的工作原理其他方式）。

幸運的是，雅閣對於docs，radius_changed事件處理程序的第一個參數是原始的google.maps.Circle對象，您可以使用getRadius()方法和使用setOptions({radius: N})函數（請參見docs，「圓類」部分）輕鬆確定該半徑。所以你的代碼應該是這樣的：

events: { 
     radius_changed: function (circle_obj) { 
      $scope.circle.radius = circle_obj.getRadius(); //you can update the radius scope variable manually 
      if ($scope.circle.radius < 100){ 
        $scope.circle.radius = 100; 
        circle_obj.setOptions({radius:100}); 
      } 
     } 
}