javascript:如何实现动画？

Question

我在我的项目中使用 Google Maps Javascript API V3。我想将标记从一个位置动画地移动到另一个位置。我可以通过

更新标记的位置

marker.setPosition(newPosition)

但是如何平滑移动marker呢？

Answer 1

var startPos, curPos, endPos, delta; // set these values
var interval;

curPos = startPos;

function move() {
    marker.setPosition(curPos);

    if ( curPos < endPos ) {
       if ( curPos + delta > endPos ) curPos = endPos - curPos;
       else curPos += delta;

       setTimeout(move, interval);
    }
}

move();

curPos、startPos endPos 和 delta 是 google.maps.LatLng< 的实例