在传单/地图框中，为什么我不能设置"map.fitBounds"的持续时间？

Question

我试过了:

map.fitBounds(L.polyline([L.latLng(40,9), L.latLng(1,2)]).getBounds(), {
  padding: [50, 50],
  maxZoom: 17,
  animate: true,
  duration: 10
});

我预计动画需要10秒才能完成，但它完成得非常快。有没有人知道如何使fitBounds的持续时间更长?

Answer 1

应该设置为:

map.fitBounds(bounds, {
    padding: [50, 50],
    maxZoom: 18,
    animate: true,
    pan: {
        duration: 10
    }
});

Answer 2

看起来像"新增选项:

https://github.com/mapbox/mapbox-gl-js/issues/3904

但奇怪的是，它似乎没有被记录下来，而且它似乎也有bug，至少在react-mapbox-gl

Answer 3

我能够通过在options对象中添加duration属性来实现此工作，如下所示:

map.fitBounds(bounds, {
    padding: 50,
    maxZoom: 18,
    animate: true,
    duration: 10000 // ten seconds in milliseconds
});