2

私はOpenstreetmapsでリーフレットを使用して、Extjsパネルでマップを生成しています。
マップはオープンストリートマップのタイルとして提供されるため、画像として保存するには、これらのタイルを組み合わせて1つの画像を作成する必要があります。

4

3 に答える 3

1

このリソースを使用して、リーフレット マップを PNG ファイルとして保存できます。

Javascript と PHP を使用してリーフレット マップを PNG に保存する例

于 2013-03-07T09:20:58.487 に答える
1

これは、いわゆるタイル ステッチ方式 (サーバー側) を使用して行います。手順は次のとおりです。

  • クライアント側では、ドキュメント内のすべてのタイル画像を収集します。たとえば、jQuery を使用して次のことができます。

    $('[class^="leaflet-tile leaflet-tile-loaded"]')

これにより、マップのタイルのすべての img 要素を含む配列が得られます。

  • 幅と高さ、x と y、および画像の URL を取得し、好みのデータ構造に入れます

  • サーバー上の関数にデータ構造を送信して、URL を取得し、x、y、幅、高さの属性を使用して画像をつなぎ合わせます。

openlayers で使用されるこの記事からアイデアを得ました: http://trac.osgeo.org/openlayers/wiki/TileStitchingPrinting。この記事では、動作する php の例を見つけることができます。リーフレットの JavaScript 部分の上の情報を使用することは難しくありません。

于 2013-10-28T17:22:31.563 に答える