“谷歌手机地图”上的滚动是如何工作的？答案

【问题标题】：How does the scrolling on "Google Maps for Mobile" work?“谷歌手机地图”上的滚动是如何工作的？
【发布时间】：2011-03-22 01:20:23
【问题描述】：

使用移动设备访问http://www.google.com/gmm - 即使使用浮动工具栏，滚动也非常流畅。他们如何使用 GWT 实现这一目标？

更新

我指的是移动浏览器所看到的网站，而不是本机应用程序。而且我一直认为任何 Google 网络应用都是 GWT——我想我猜错了。

【问题讨论】：

GWT 可能是未来，但大多数谷歌应用程序，如地图、邮件、搜索、文档不使用 gwt。通过研究 javascript 可以很容易地看到这一点，特别是 gwt 中的引导程序没有出现在上述其他应用程序中。

【解决方案1】：

我没有看到任何表明他们正在使用 GWT 的信息。根据网站底部的链接，他们要么告诉人们使用已安装的原生谷歌地图应用程序 (iPhone)，要么将他们引向一个网站，该网站将为他们碰巧遇到的任何移动平台下载原生地图应用程序正在使用。

我已经开发了几个 Google 地图应用，一个使用纯 Javascript 版本的地图 APIv3，另一个使用 GWT。即使是使用 v3 API（针对移动设备进行了优化）的非常简单的地图，在我尝试过的任何平台上，滚动都没有原生 Google 地图应用程序那么流畅。

【讨论】：

【解决方案2】：

在移动 WebKit 中滚动存在问题：http://www.quirksmode.org/webkit.html。寻找overflow。

解决方案是iScroll。

【讨论】：

【解决方案3】：

如果您使用 CSS 来放置浮动工具栏，它们会比使用 JavaScript（或 GWT evet 处理程序）更新其位置时更干净。当然，这仅适用于滚动页面内容的情况，而这里的情况似乎并非如此。

CSS3 支持动画 - 也许他们正在查看您的拖动手势，确定您移动的速度，然后将速度应用于构成地图的图像？

【讨论】：

【解决方案4】：

Google 移动地图不是使用网络技术完成的，它是本地编写的，可能是用 C 语言编写的。对于大多数东西来说，这将是 WAY 更快....类似的动画可以在 android 尤其是 iphone 上流畅地运行更多在浏览器或网络视图中突然出现。

【讨论】：