Google maps 放慢谷歌潘托功能

我有一张地图，当标记被放置在地图上时，它会在地图周围从一点平移到另一点。我遇到的问题是平移太快了。有没有办法减缓panTo功能的速度

谢谢，

---

克里斯

遗憾的是，不，你不能改变潘托动画的速度

---

该函数只接受一个latlng参数。详细信息如下：

我编写了自己的panTo实现。使用类“EasingAnimator”

在这里，您可以找到它如何工作的现场演示

---

我编写了一个函数，用Google Maps API v3实现了一个“慢平移”。它使用了小的平移步骤以及前面的答案，尽管我认为实现稍微简单一些。您可以使用f_timeout（）的缓和函数

参数

地图：您的google.maps.map对象

endPosition：所需的平移位置，google.maps.LatLng

n_间隔：平移间隔的数量越多，过渡越平滑，但性能越差

T_msec：慢速平移完成的总时间间隔（毫秒）

var slowPanTo=函数（映射、结束位置、n_间隔、T_毫秒）{
变量f_超时、getStep、i、j、lat_数组、lat_delta、lat_步长、lng_数组、lng_delta、lng_步长、pan、ref、startPosition；
getStep=函数（增量）{
返回时间间隔（增量）/n_间隔；
};
startPosition=map.getCenter（）；
lat_delta=endPosition.lat（）-startPosition.lat（）；
lng_delta=endPosition.lng（）-startPosition.lng（）；
lat_step=getStep（lat_delta）；
lng_步骤=getStep（lng_delta）；
lat_数组=[]；
lng_阵列=[]；
对于（i=j=1，ref=n_区间；不幸的是，偶尔（经常）标记）消失。对于地图来说，似乎太多的微动了。这在我的情况下非常有效，我的大多数标记已经在屏幕上可见。我已经修改了codepen示例。谢谢@ErDmKo！比我在使用地图api时想到的任何东西都好。谢谢分享你的解决方案！
var EasingAnimator = function(opt){
        opt = opt || {};
        this.easingInterval = opt.easingInterval;
        this.duration = opt.duration || 1000;
        this.step = opt.step || 50;
        this.easingFn = opt.easingFn  || function easeInOutElastic(t, b, c, d) {
            if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
            return -c/2 * ((t-=2)*t*t*t - 2) + b;
        };
        this.callBack = opt.callBack || function(){};
    };
EasingAnimator.makeFromCallback = function(callBack){
    return new EasingAnimator({
        callBack: callBack
    });
};
EasingAnimator.prototype.easeProp = function(obj, propDict){
    propDict = propDict || {};

    var self = this,
        t = 0,
        out_vals = JSON.parse(JSON.stringify(obj));

    clearInterval(self.easingInterval);
    self.easingInterval = setInterval(function(){
        t+= self.step;
        if (t >= self.duration) {
            clearInterval(self.easingInterval);
            self.callBack(propDict);
            return;
        }
        var percent = self.easingFn(t, 0, 1, self.duration);
        Object.keys(propDict).forEach(function(key, i) {
            var old_val = obj[key];

            out_vals[key] = old_val - percent*(old_val - propDict[key]);
        });
        self.callBack(out_vals);
    }, self.step);
};

dom_elem.addEventListener('click', function(event){
    var point = map.getCenter();

    easingAnimator.easeProp({
        lat: point.lat(),
        lng: point.lng()
    }, points[i]);
});

var slowPanTo = function(map, endPosition, n_intervals, T_msec) {
  var f_timeout, getStep, i, j, lat_array, lat_delta, lat_step, lng_array, lng_delta, lng_step, pan, ref, startPosition;
  getStep = function(delta) {
    return parseFloat(delta) / n_intervals;
  };
  startPosition = map.getCenter();
  lat_delta = endPosition.lat() - startPosition.lat();
  lng_delta = endPosition.lng() - startPosition.lng();
  lat_step = getStep(lat_delta);
  lng_step = getStep(lng_delta);
  lat_array = [];
  lng_array = [];
  for (i = j = 1, ref = n_intervals; j <= ref; i = j += +1) {
    lat_array.push(map.getCenter().lat() + i * lat_step);
    lng_array.push(map.getCenter().lng() + i * lng_step);
  }
  f_timeout = function(i, i_min, i_max) {
    return parseFloat(T_msec) / n_intervals;
  };
  pan = function(i) {
    if (i < lat_array.length) {
      return setTimeout(function() {
        map.panTo(new google.maps.LatLng({
          lat: lat_array[i],
          lng: lng_array[i]
        }));
        return pan(i + 1);
      }, f_timeout(i, 0, lat_array.length - 1));
    }
  };
  return pan(0);
};