谷歌地图（网络应用程序）如何在iphone/ipad上使用手势/缩放进行平滑缩放？

如果您在iPhone或iPad上使用Google Maps网络应用程序，则您知道我在说什么。您无法在此屏幕抓取中看到我的手指，但这是中间捏（如果您愿意）缩小。详细的区域是最初的地图查看区域，外面模糊的地方是额外的地图，它已经进入中间夹点。谷歌地图（网络应用程序）如何在iphone/ipad上使用手势/缩放进行平滑缩放？

zooming out with gesture

使用手势触摸输入的捏到变焦功能缩放地图目前在查看现场的方式，都是那么顺利，它看起来像魔术。我们正在尝试缩放图像并重现这种平滑缩放。有谁知道他们是如何做到的？

我们不知道这是否是一个单一的img元素被缩放。或者也许所有的img元素在他们的相对网格矩阵不知何故都是一次全部缩放（这似乎有点不太可能）。也许这是很多canvas元素..或一个大canvas元素（我们也怀疑经过合理数量的测试）。请任何建议，想法或答案（如果你来自谷歌）会很好。

来源

2010-09-08 Matt Kocaj

当前理论简单地缩放手（256×256）'与非阻塞计时器优化img'元件。无法证明这一点呢。那里有任何想法？ – 2010-09-09 08:24:03

使用CSS3 [硬件加速]（http://cubiq.org/scrolling-div-on-iphone-ipod-touch）[用于webkit的3d过渡]（https://developer.apple.com/library/safari/ ＃文档/ AppleApplications /参考/ SafariCSSRef /用品/ Functions.html） – 2010-09-23 02:27:22

CSS3 hardware accelerated 3d transitions for webkit

来源

2010-12-01 07:31:41

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

translate3d（），而不是翻译（）
scale3d（）而不是规模（）

只有移动Safari浏览器目前支持硬件加速。目前还不知道Google何时会为其Android版本的webkit浏览器实现此功能。

来源

2010-11-03 01:25:13 Alex

谷歌地图（网络应用程序）如何在iphone/ipad上使用手势/缩放进行平滑缩放？

回答

相关问题