在mapbox.js中控制平移和缩放动画持续时间

Question

我正在使用Mapbox.js制作一个显示一系列点的动画地图。理想情况下，我希望通过组合缩放和平移来平滑地在点之间切换焦点，就像在d3.js中创建的example一样。我想知道是否还有控制锅和＆amp;缩放动画速度（主要是为了减慢速度）。在下面的代码中，我尝试了setView（）和panTo（）函数，转换速度太快。任何建议都将受到高度赞赏，谢谢！

L.mapbox.accessToken = "#Token Here";
var map = L.mapbox.map('map', 'mapbox.streets')
        .setView([34.01, -118.48], 5, { 
            pan: { animate: true }, 
            zoom: { animate: true } 
        });

map.setView([33.98, -118.42], 5);

Answer 1

看看this fiddle。

您可以使用以下功能：

function jumpTo(index){
    map.setView(positions[index], 4, {
        pan: {
            animate: true,
            duration: 2
        },
        zoom: {
            animate: true
        }
    });
}

并在moveend事件中控制它。