15

Google Mapsv3APIを使用したオーバーレイに使用している大きな高解像度の画像があります。これは、適切なネットワーク接続を備えたデスクトップおよびラップトップコンピューターでは正常に機能しますが、当然のことながら、モバイルユーザーではあまり機能しません。

APIを介してGoogleマップのタイルサーバーとして機能できるように、さまざまなズームレベルで画像を2Dタイルに分割するための最良/最も簡単な方法は何ですか？

タイルを確実に生成し、結果の各タイルに必要なズームと座標を提供したり、ズームと座標を提供した場合に正しいタイルを提供したりするプログラムはありますか？

適切な情報を収集したら、その場でそれを行うためのタイルサーバーを作成するのは非常に簡単ですか？おそらく、モデルとして使用できるソースコードがありますか？（ http://blog.gmapify.fr/a-map-tile-server-part-2-understanding-google-maps-tile-overlays-and-building-up-a-tile-serverでタイルサーバーを見つけましたこれは確かに役立ちますが、ソースイメージからのタイルは提供されないため、少なくともその部分を把握する必要があります...）

それとも、もっと簡単な場合は手動で従うことができる段階的なアルゴリズムがありますか？（これは1つの画像であり、マップ上の1平方マイルの領域をカバーしているため、このように手動で行うことは、好ましくない場合でもおそらく実行可能です。）

4

3 に答える 3

13

MapTiler http://code.google.com/p/maptiler/を確認できます。必要なタイルを生成できます。

タイル サーバーは非常に簡単に作成できます。最も簡単な方法は、静的ファイル (タイル) をディレクトリ構造でホストすることです。ディレクトリ構造は通常、servername/zoom/x/y.png (または zoom/y/x.png) です。このような構造も MapTiler によって生成されます。MapTiler は、タイルを使用してサンプル Web ページも生成します (ただし、Google Maps API v2 を使用していると思います)。

Google Maps API v3 でタイルを使用する方法については、 http ://code.google.com/apis/maps/documentation/javascript/maptypes.html#CustomMapTypese をご覧ください。

于 2011-05-11T09:32:26.763 に答える
5

タイルを事前にカットすることなく、クライアント側ですべてを行うことができます

https://github.com/Murtnowski/GMap-JSlicerを参照してください。

slicer = new JSlicer(document.getElementById('map'), 'myImage.png');
slicer.init();

とてもシンプルです。

于 2013-09-12T17:50:11.390 に答える
2

maptiler を使用してマップを作成するための非常に優れたビデオ チュートリアルがここにあります
。

モバイル マップに焦点を当てていますが、maptiler やその他の基本もカバーしています。とても役に立ちました。

于 2012-03-31T18:37:40.877 に答える