JQuery для мобильных устройств и Google Maps Glitch - PullRequest
2 голосов
/ 19 января 2012

Мне нужно отобразить карту Google на нескольких страницах моего мобильного приложения, использующего платформу JQuery Mobile.Мое приложение - это просто приложение для Android, использующее веб-просмотр и загружающее локальные HTML-страницы (и файлы .js), хранящиеся в каталоге assets.

Когда я впервые открываю страницу с картой на ней,карта выглядит великолепно и отлично работает.Если я вернусь на эту страницу или открою другую страницу с картой на ней, при загрузке страница мерцает, а затем горит сама карта.Первоначально только около левой 1/3 плитки карты видны.Перетаскивание карты только усугубляет проблему.Как будто карта не знает, какие плитки она должна загружать.

Кто-нибудь сталкивался с проблемами при запуске нескольких страниц карты в JQuery Mobile Framework?Если бы мне пришлось рисковать предположением на этом этапе, я бы предположил, что система загрузки AJAX платформы JQuery Mobile вызывает какие-то помехи между страницами относительно карты.Я знаю, что есть способы отключить поддержку AJAX, но я бы предпочел этого не делать, если мне не нужно.

Ответы [ 2 ]

1 голос
/ 19 января 2012

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

http://ceapps.weber.edu/tourdeweber

Проверьте одну из карт и дайте мне знать, если ваша проблема похожа.

Я использую $.mobile.page.prototype.options.domCache = true; при инициализации JQM для сохранения каждой страницы, которую вы посетили, для повышения производительности.

0 голосов
/ 15 октября 2012

Звоните google.maps.event.trigger(mapObj, "resize"); на pageshow или pagechange

...