可變大小的地圖容器完全填充地圖（最好在宣傳單上）

Question

我在製作一個響應式網站，我在其中有一個地圖工具。地圖容器響應更改的屏幕大小。我想用地圖完全填充地圖容器div。這可能嗎？

例如，容器尺寸（寬x高） - 10 x 50,40 x 200,800 x 100,1500 x 200,200 x 1600.

問題是柵格貼圖瓷磚進來正方形（256 x 256,512 x 512 ） - 縱橫比1，而且我對於瘋狂縱橫比的矢量拼圖並不確定。

想知道，如果地圖專家在那裏解決了類似的問題。謝謝。

Answer 1

兩件事情（假設leaflet.js使用） -

1. 定義地圖容器的EM，REM或PX的大小。
2. 致電map.invalidateSize()，其中
   var map= L.map("map_container_id", {center: [lat, lng]});
   一旦地圖已加載到地圖容器上。
   map.invalidateSize()updates the map on change of size。