mapbox / leaflet中的动画半径更改

Question

我使用L.circle画了一个圆圈。我想用平滑的动画改变半径吗？

Answer 1

小提琴：http://jsfiddle.net/x060L103/2/

var circle = L.circleMarker([50.5, 30.5], {radius: 5}).addTo(map);


var newRadius = 200;
var interval = setInterval(function() {
   var currentRadius = circle.getRadius();
   console.debug("currentRadius", currentRadius);
   if (currentRadius < newRadius) {
       circle.setRadius(++currentRadius);
       console.debug("new Radius", circle.getRadius());
   } else {
       clearInterval(interval);
   }
}, 1);

只需修改传递给间隔的函数，例如将半径作为参数。