如何使用 Google 地图平滑地为标记设置动画？

Question

我编写了一个小算法，可以让标记的运动从 一点到另一点。该算法在伪代码中如下所示：

lat_delta = new_lat - old_lat;
lng_delta = new_lng - old_lng;

for(alpha=0; alpha < 1; alpha += 0.1) {
  lat = old_lat + (alpha * lat_delta);
  lng = old_lng + (alpha * lng_delta);
  update_marker(lat, lng);
}

完整代码可在http://dev.syskall.com/map/ 和 http://dev.syskall.com/map/commute.js.

我遇到的问题是，当地图缩小时， 动画似乎“曲折”。话虽如此，当您放大时， 动画更加流畅。

我相信这可能是因为我的动画是基于 lat,lng 坐标而不是屏幕上的像素。当你缩小时，谷歌地图不像 精确，并且必须以某种方式舍入 latlng 位置。

当然，当前的实现在地图放大但不是 缩小后效果很好。

有没有办法解决这个问题？

Answer 1

是的... api gives you methods 获取地图上所有标记的像素坐标。我会做以下事情：

获取标记的像素坐标

在该位置渲染一个虚拟标记

删除原来的标记

动画你的假人到新的地方 使用像素值

在现场放置一个新的地图标记

移除假人

在开始和结束时，您可以使用 api 从像素中获取 latlng，反之亦然。