APP для мобильных веб-карт: загрузите мозаичные изображения с сервера, сохраните их на стороне клиента, а затем отобразите в автономном режиме

Question

Я ищу решение, которое позволяет мобильному браузеру загружать коллекцию мозаичных изображений с сервера и сохранять их на локальном мобильном устройстве, а затем отображать их даже в автономном режиме.используя CacheManifest и LocalStorage в HTML5, но кажется, что они могут работать только с небольшим количеством данных.Кроме того, WebSql кажется потенциальным решением, но я не совсем понимаю, как его достичь.

По сути, я хочу иметь следующие функции: загрузка с удаленного сервера в режиме онлайн -> сохранять ихлокальная память -> показывать их в автономном режиме

спасибо за любые подсказки!

Answer 1

Наш проект с открытым исходным кодом на недавнем iOS DevCamp (июль) был сосредоточен именно на этой проблеме. Мы довольно близко подошли к работоспособному решению:

https://github.com/pdxgene/iDCMapsLite

Основные моменты: - вкладка "онлайн" просматривает карты (в настоящее время настроена на захват плиток из OpenStreetMaps, IIRC) - «сохранить» сохраняет плитки карты в хранилище базовых данных и добавляет «автономную карту» в список на второй вкладке; - вкладка «сохраненные карты» содержит список сохраненных карт. Выбрав один, он берет свои плитки из основного хранилища данных и отображает их.

Области, где работа еще требуется: - мы хотели рекурсивно сделать снимок фрагментов карты, увеличивая и уменьшая масштаб. Я полагаю, что мы получили один уровень вниз и один уровень в качестве доказательства концепции.

Надеюсь, это поможет. Не стесняйтесь, чтобы заставить его работать на вас: -)

Answer 2

У меня были аналогичные требования к http://bluedot.mobi/td. Отложив на мгновение проблему кэширования, создание структуры отображения, которую можно использовать в автономном режиме, довольно сложно - лучшее, что мне известно, это API с открытым исходным кодом OpenLayers .org. Недавно они проделали значительную работу по включению поддержки мобильных устройств. Большие API сопоставления, такие как Google javascript API, ограничивают автономное использование и кэширование.

В настоящее время с OpenLayers проводится определенная работа по использованию localStorage и / или websql. Рабочий пример: здесь . Вы можете перейти к источнику, чтобы увидеть различные методы реализации.

Обратите внимание, что с OpenLayers вы, вероятно, захотите подключиться к стволу SVN, чтобы получить последние разработки. Это быстро движущийся проект.