可变大小的地图容器完全填充地图（最好是在传单中）

Question

我正在建立一个响应式网站，我有一个地图实用程序。地图容器响应不断变化的屏幕尺寸。我想用map完全填充地图容器div。这可能吗？

EG。容器尺寸（宽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。