リーフレットのラスターマップ

Question

リーフレットを使用してアプリを開発しています。私は自分のデバイス上でいくつかの地図データをオフラインにする必要があります。

私はopenstreetmapのいくつかのタイルをダウンロードしようとしました。

私のゾーンのラスターイメージを作成する簡単な方法があり、それをリーフレットに追加する方法があるのだろうかと思います。

ありがとうございました。

Answer 1

要件に応じて、多くのデータ（OpenStreetmap全体）tileset would consume 54TB disk spaceがあります。

Leaflet.TileLayer.PouchDBCached/があなたのための解決策かもしれませんが、this questionは別の実装についていくつかの注意点があります。

Answer 2

あなたはいつものロードを参照し、マップの特定の境界上に単一の画像を表示することができ、ジオリファレンス特定の画像は

例1のサンプルコードを使用して：

var imageUrl = 'http://www.lib.utexas.edu/maps/historical/newark_nj_1922.jpg', 
    imageBounds = [[40.712216, -74.22655], [40.773941, -74.12544]]; 

L.imageOverlay(imageUrl, imageBounds).addTo(map); 

全リソースがここで見つけることができます： http://leafletjs.com/reference.html#imageoverlay

例2：

またはステップのチュートリアルによって、この素晴らしいと詳細なステップから少しより堅牢なもの：

http://build-failed.blogspot.hr/2012/11/zoomable-image-with-leaflet.html

はそれが

を役に立てば幸い