传单弹出窗口和标签超出地图划分答案

【问题标题】：leaflet popup and label going outside map division传单弹出窗口和标签超出地图划分
【发布时间】：2015-07-08 05:15:24
【问题描述】：

我在传单标记上使用弹出窗口，并使用背景作为固定大小的图像。每当标记放置在地图的一角，然后我单击标记以显示弹出窗口时，它会在几分之一秒内稍微移动整个地图，然后弹出消息会出现在地图屏幕之外。如何解决这个问题。

var content = 'Hi everybody I am here. How are you? Please resolve this.';
    L.marker([-67, 265.5]).bindPopup(content).addTo(map);
    L.marker([-21.5, 99.5]).bindPopup(content).addTo(map);

我已经为它创建了一个小提琴：-

Inline Link

【问题讨论】：

您是否正在向弹出窗口动态添加内容？

标签： javascript popup leaflet

【解决方案1】：

我能理解的是，popup 打开时地图不应该自动平移。简单的方法是在您的popup 选项中设置autoPan:false。所以，以这种方式创建标记

L.marker([-67, 265.5]).bindPopup(content,{autoPan:false}).addTo(map);

【讨论】：

感谢@muzaffar，但这种方法只会禁用地图的自动平移，并且弹出窗口会消失在地图边界后面。有没有其他办法解决这个问题？
你也想看看弹出窗口吗？
是的。我想看弹窗。 autoPan: false 解决了一个问题。现在地图没有重新定位。但是弹出窗口现在被隐藏了。因为我使用了固定大小的图像，这就是为什么会出现这个问题，否则弹出窗口本身会处理内容和地图平移。请建议我们是否可以解决此问题并显示弹出窗口。我也更新了小提琴。
您已使用setMaxBounds 强制地图不显示在图像之外。你愿意把界限再扩大一点吗？
请。我们可以试试。