代码之家  ›  专栏  ›  技术社区  ›  Epaga Alex Reynolds

在“谷歌移动地图”上滚动是如何工作的?

  •  14
  • Epaga Alex Reynolds  · 技术社区  · 15 年前

    参观 http://www.google.com/gmm 使用移动设备-即使使用浮动工具栏,滚动也非常平滑。他们是如何通过GWT实现这一目标的?

    更新

    我指的是移动浏览器所看到的站点,而不是本地应用程序。我一直认为任何谷歌的网络应用都是GWT——我想我是错的。

    4 回复  |  直到 15 年前
        1
  •  4
  •   RPeden    15 年前

    我看不到任何迹象表明他们在使用GWT。根据网站底部的链接,他们要么告诉人们使用已经安装的本地谷歌地图应用程序(iPhone),要么让他们访问一个网站,该网站将为他们碰巧使用的任何移动平台下载本地地图应用程序。

    我开发了两个谷歌地图应用程序,一个使用纯JavaScript版本的地图APIv3,另一个使用GWT。即使是一个非常简单的使用v3 api的地图(它对移动设备进行了优化),也无法像我尝试过的任何平台上的本地GoogleMaps应用程序那样平滑地滚动到任何地方。

        2
  •  2
  •   Peter Knego    15 年前

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

    解决方法是 iScroll .

        3
  •  1
  •   Curtis    15 年前

    如果使用CSS放置浮动工具栏,它们将比使用JavaScript(或GWT EVET处理程序)更新它们的位置更干净。当然,只有当你滚动页面的内容时,这才适用,这里的情况看起来不像这样。

    CSS3支持动画——也许他们是在看你的拖动手势,决定你移动的速度,然后只对组成地图的图像应用速度?

        4
  •  0
  •   rob    15 年前

    谷歌移动地图并不是用网络技术完成的,它是用本地语言编写的,可能是用C语言编写的,这对于大多数东西来说会更快……类似的动画在Android上运行得很平稳,特别是iPhone在浏览器或网络视图中运行得更不平稳。