Leaflet.jsを使って、巨大な画像を地図のように表示するプラグイン「Leaflet.Zoomify」

最終更新日

下記は画像なので動きません。

Leaflet.Zoomify

Leaflet.Zoomify」は、地図ライブラリのLeaflet.jsを使用して画像を地図のように表示するプラグインです。

下処理として、「ZoomifyExpress4」というアプリケーションを使って画像をタイル化します。(解凍したファイルの中から「Zoomify Converter.exe」を実行し、タイル化する画像を選択すれば後は自動で処理がおこなわれます)

タイルに変換すると容量がかなり増えるので気を付けてください。

サンプル

STARMEN.NETからダウンロードした「Full Map of MOTHER / EarthBound Zero」画像をZoomifyExpress4を使ってタイル化し、Leaflet.Zoomifyで地図として表示しました。

※下記の地図は動きます。

leaflet.jsを読み込んだ後に、L.TileLayer.Zoomify.jsを読み込んでください。

基本的には、タイル化した画像が収められているフォルダを指定するだけです。

ちょー簡単!