Как работает прокрутка в «Картах Google для мобильных устройств»?

Question

Посещение http://www.google.com/gmm с помощью мобильного устройства - прокрутка очень плавная даже с плавающими панелями инструментов.Как они делают это с GWT?

Обновление

Я имею в виду сайт, который видит мобильный браузер, а не нативное приложение.И я всегда предполагал, что любые веб-приложения Google были GWT - наверное, я ошибался.

Answer 1

Я не вижу ничего, что указывает на то, что они используют GWT. Основываясь на ссылках внизу сайта, они либо советуют людям использовать уже установленное собственное приложение Google Maps (iPhone), либо направляют их на сайт, который будет загружать приложение родных карт для любой мобильной платформы, с которой они столкнулись использовать.

Я разработал пару приложений Google Maps, одно из которых использует простую версию APIv3 карт Javascript, а другое - GWT. Даже на очень простой карте, использующей API v3, которая имеет оптимизацию для мобильных устройств, прокрутка не выглядит так гладко, как в приложении Google Maps ни на одной из платформ, которые я пробовал.

Answer 2

У прокрутки в мобильном WebKit есть проблемы: http://www.quirksmode.org/webkit.html.Ищите overflow.

Решение этого вопроса iScroll .

Answer 3

Если вы используете CSS для размещения плавающих панелей инструментов, они останутся более чистыми, чем если бы вы использовали JavaScript (или обработчики GWT evet) для обновления их позиций. Конечно, это применимо только в том случае, если вы прокручивали содержимое страницы, и это не похоже на то, что здесь имеет место.

CSS3 поддерживает анимации - возможно, они смотрят на ваш жест перетаскивания, определяют скорость вашего движения, а затем просто применяют скорости к изображениям, составляющим карту?

Answer 4

Карты Google для мобильных устройств не делаются с использованием веб-технологий, они написаны изначально, вероятно, на C. Что будет ПУТЬ быстрее для большинства вещей ... подобные анимации, которые плавно работают на Android и особенно на iPhone, работают намного больше рывками в браузере или веб-просмотрах.