javascript - 传单标记弹出窗口延伸到 map 之外

Question

我必须更改标记弹出窗口的默认大小以容纳我想放入其中的数据。我更改了一些 map 设置，因此当用户将其拖出 View 时，它总是会弹回最大范围。我遇到的问题是，对于靠近边缘的标记，当它的弹出窗口打开时，它并不完全可见，因为它隐藏在 map 容器的边缘后面。

问:如何解决这个问题？我可以让弹出窗口显示完整内容吗？

Answer 1

在this Leaflet tutorial他们可以选择抵消弹出 anchor 。您可以执行一个 if 语句，如果为真，则弹出 anchor 的偏移量足以在屏幕上正确显示。

伪代码:

if (latlng of point clicked < rightBounds of map) {
  popupOptions = {
    offset: (-popupwidth,0)
  }
} ...

您也可以尝试使用各种 popup options in the API .