モバイルブラウザがサーバーからタイル画像のコレクションをロードしてローカルモバイルデバイスに保存し、オフラインモードでも表示できるようにするソリューションを探しています。
HTML5でCacheManifestとLocalStorageを使用して何かを調査しましたが、それらは少量のデータでしか処理できないようです。その上、WebSqlは潜在的な解決策のようですが、私はそれを達成する方法を本当に理解できません。
基本的に、私が欲しい機能は次のとおりです。オンラインモードでリモートサーバーからロードする->ローカルメモリに保存する->オフラインモードで表示する
ヒントをありがとう！
http://bluedot.mobi/tdでも同様の要件があります。キャッシングの問題はさておき、オフラインで使用できるマッピングフレームワークを用意するのは難しいです。私が知っている最善の方法は、オープンソースのAPIOpenLayers.orgです。彼らは最近、モバイルデバイスのサポートを有効にするために重要な作業を行いました。GoogleのjavascriptAPIなどの大きなマッピングAPIは、オフラインでの使用とキャッシュを制限します。
localStorageまたはwebsql、あるいはその両方を利用するために、OpenLayersで現在行われている作業がいくつかあります。実用的な例はここにあります。そこからソースにドリルダウンして、さまざまな実装方法を確認できます。
OpenLayersでは、svnトランクを利用して最新の開発を入手することをお勧めします。それは動きの速いプロジェクトです。
最近のiOSDevCamp（7月）でのオープンソースプロジェクトは、まさにこの問題に焦点を当てていました。実行可能なソリューションにかなり近づきました。
https://github.com/pdxgene/iDCMapsLite
ハイライト：-「オンライン」タブはマップを参照します（現在、OpenStreetMaps、IIRCからタイルを取得するように設定されています）-「保存」はマップタイルをCore Dataストアに保存し、2番目のタブのリストに「オフラインマップ」を追加します。-[保存されたマップ]タブには、保存されたマップのリストが含まれています。1つを選択すると、CoreDataストアからタイルが取得されて表示されます。
まだ作業が必要な領域：-私たちの意図は、マップタイルを再帰的にスナップショットし、ズームインとズームアウトの両方を行うことでした。概念実証として、レベルを1つ下げ、1つ下げたと思います。
これがお役に立てば幸いです。お気軽にご利用ください:-)