2017-07-04 14 views
0

私は応答性の高いWebサイトを作っており、マップユーティリティを持っています。マップコンテナは、変化する画面サイズに応答します。マップコンテナdivをマップで完全に埋めたいと思います。これは可能ですか?マップコンテナの可変サイズはマップ(完全にリーフレット)で埋められています

例:コンテナのサイズ(幅x高さ) - 10 x 50,40 x 200,800 x 100,1500 x 200,200 x 1600

問題は、ラスタマップのタイルが四角形(256 x 256,512 x 512 ) - アスペクト比1、そして私は狂ったアスペクト比のベクトルタイルについてはあまりよく分かりません。

マップの賛否両論が同じような問題を解決した場合は、知りたいと思います。ありがとう。

+2

リーフレットコンテナのサイズを変更すると、地図のタイル、ベクターまたは画像が歪んではいけません。問題はありません。サイズを変更すると、タイルが表示されます(または非表示になります)。 – chrki

答えて

1

二つのこと(仮定leaflet.jsが使用されている) -

  1. は、EM、レムまたはPX内のマップコンテナのサイズを定義します。
  2. マップは、地図コンテナに上にロードされた後
    var map= L.map("map_container_id", {center: [lat, lng]});
    コールmap.invalidateSize()、。
    map.invalidateSize()updates the map on change of size
関連する問題