leaflet - 调整传单 map 的大小时，如何保持 map 居中？

Question

我正在使用 leaftlet在网页上创建 map 。

在 map 的左侧是一个滑出的面板。

当面板滑出时， map 会调整大小以填充页面上的剩余空间。

当面板向左滑出时， map 调整中心点向左移动。

理想情况下， map 的中心点应保持在相对中心。

狡猾的 ASCII 表示:
(“.”代表 map 的初始中心点。)

Panel closed:          [][    .    ]

Panel open (current):  [  ][     . ]

Panel open (desired):  [  ][   .   ]

这是 jsFiddle重现了这个问题。

Answer 1

我通过调用 $(window).resize() 解决了这个问题传单 map 大小更改后

更新:看来您需要调用 map.invalidateSize()反而

更新 fiddle http://jsfiddle.net/YwbLg/11/ (动画不好看)