gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-04 23:50:33 24 4
gpt4 key购买 nike

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

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

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

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

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

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

Panel closed:          [][    .    ]

Panel open (current): [ ][ . ]

Panel open (desired): [ ][ . ]

这是 jsFiddle重现了这个问题。

最佳答案

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

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

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

关于leaflet - 调整传单 map 的大小时,如何保持 map 居中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23273038/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com