2009-04-01 5 views
0

Googleマップのようなドラッグ&ズームコントロールが必要な大きな画像があります。私はGoogle Maps APIや他の関連ウェブサイトを調べ始めましたが、シンプルで簡単なものを見つけることができませんでした。大きな画像にGoogle Mapsコントロールを使用する

MapKiチュートリアルでは、私にautomatically cut tilesadd it as a custom mapと提案しています。これは理にかなっていますが、ファイルサーバーには非常に多くの画像があり、すべてを調べてタイルをカットし、ズームレベルを把握する時間がありません。 1つの良い解決策は、これを自動的に行うことができるスクリプトを作成することですが、それがあれば別の解決策を探すために多くの労力と時間を要します。

したがって、元の画像から新しい画像やタイルを作成しなくても、画像のGoogleマップコントロールと同様の機能を持たせることができます。いくつかのコードを投稿したり、チュートリアル/ドキュメンテーションにリンクすることができれば嬉しいです。または、タイルを作成せずにGoogle APIでこれを行う方法が分かっている場合は、正しい経路に移動してください。私はGoogle Maps APIの初心者です。

私はGoogleマップのDragZoomを見つけましたが、私はそれが私が探しているとは思いません。

答えて

0

ような何かを探している...とちょうどレコードのだが、ここでフロントエンドビューアでオープンソースのタイリングサーバーです:

http://iipimage.sourceforge.net/

0

https://github.com/Murtnowski/GMap-JSlicer

slicer = new JSlicer(document.getElementById('map'), 'myImage.png'); 
slicer.init(); 
をチェック

これは非常にシンプルなので、タイルプレカットが不要です。ただ1つの画像を指差して移動してください。

1

非常に大きな画像(一辺に数万画素以上)をズームしたり、キャンバス上に画像のコレクションを作成したり、それらの画像にアノテーションを提示するために、ライブラリやミュージアムで使用されるIIIFプロトコルを見てください。

http://iiif.io

関連する問題