Google maps 谷歌地图（网络应用）如何在iphone/ipad上通过手势/捏来平滑缩放？

如果你在iphone或ipad上使用过谷歌地图web应用程序，你就知道我在说什么。你看不到我的手指在这个屏幕抓取，但这是中期捏（如果你愿意）缩小。详细区域是最初的地图查看区域，外部模糊的部分是中期进入视图的额外地图

使用手势触摸输入的“收缩到缩放”功能可以实时缩放当前视图中的地图，其方式非常平滑，看起来就像魔术一样。我们正在尝试缩放图像并重现这种平滑缩放。有人知道他们是怎么做的吗

---

我们不知道它是否是单个

img

元素被缩放。或者，可能它们的相对网格矩阵中的所有

img

元素都以某种方式同时被缩放（这似乎有点不太可能）。可能有很多

canvas

元素。。或者一个大的

canvas

元素（经过合理的测试后，我们也会怀疑）。如果您来自谷歌，请提供任何建议、想法或答案。

您需要使用硬件加速的CSS3转换。e、 g

• translate3d（）而不是translate（）
• scale3d（）而不是scale（）

---

目前只有mobile safari支持硬件加速。目前还不知道谷歌何时会在其webkit浏览器的Android版本上实现这一功能。

CSS3

目前的理论只是通过无阻塞计时器优化来扩展大量（256x256）

img

元素。还不能证明这一点。有什么想法吗？在CSS3上工作