2016-01-20 7 views
7

リーフレットのベースマップとしてSVGイメージを使用できますか?leaflet.jsを使用してマップとしてsvgを使用

私の場合、私は巨大なsvgファイルを持っていて、ユーザーがズーム、マーカー、レイヤーなどのチラシの機能をすべて使用できるようにしたいと考えています。

答えて

10

はい、あなたはこの

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); 

のように、imageOverlayを使用することができますここで例えばjsfiddleです: http://jsfiddle.net/rimig/86o3h89m/

+0

感謝!!どのように境界を計算しましたか? – amitdar

+0

私はフィドルを更新しました。 ImageBounds = [[0、0]、[100、100]];を実行して、center:[50、50]、zoom:1をリーフレットに渡してシンプルに保つことができます。 –

+0

私の無知(あなたの偉大な答えに感謝します。)しかし、上記のコメントのように境界を設定して中心を通り、ズームするのは何ですか? – Kristopher