谷歌地图(networking应用程序)如何在iphone / ipad上使用手势/缩放进行平滑缩放?

如果您在iPhone或iPad上使用Google地图networking应用程序,则您知道我在说什么。 你不能在这个屏幕抓取中看到我的手指,但是这是中间捏(如果你会的话)缩小。 详细的区域是最初的地图可视区域,外面的模糊的地方是进入中间点的额外的地图。

缩小与手势

使用手势触摸input的捏放缩放function以现实的方式缩放当前视图中的地图。 我们正在尝试缩放图像并重现这种平滑的缩放。 有谁知道他们是如何做到的?

我们不知道这是否是一个单一的img元素被缩放。 或者,也许所有在他们的相对网格matriximg元素莫名其妙地一次全部缩放(这似乎有点不太可能)。 也许这是很多的canvas元素..或一个大的canvas元素(我们也怀疑经过合理的testing)。 请任何build议,想法或答案(如果你来自谷歌)将是伟大的。

您需要使用硬件加速的CSS3转换。 例如

  • translate3d()而不是translate()
  • scale3d()而不是scale()

目前只有手机safari支持硬件加速。 目前还不知道Google何时会为其Android版本的webkit浏览器实现此function。

webkit的 CSS3 硬件加速 3d转换