如何显示可能会溢出地图容器的标记工具提示？

Question

在我的地图中，我必须显示一些标记，这些标记具有相对较大的工具提示（大约100x200px的div）。地图容器本身的高度约为350像素，因此您经常遇到在地图边界处截断工具提示的情况。

从我所看到的情况来看，地图容器在其CSS中设置了overflow: hidden;，这是因为切片显示的方式（他们移动＆＃34;在＃34;容器下）。当我将溢出设置为可见时，它似乎有效，但随后地图会泛滥页面。

是否有插件或一些最佳做法可以在不完全改变引擎盖下的传单的情况下实现所需的行为？

Answer 1

这是一个可能的解决方案，而不是将tootip附加到地图容器，而是将其作为document.body的最后一个子项追加，然后在悬停或点击时在标记DOM节点上调用getBoundingClientRect()用它来定位标记节点旁边的tootip。这样，您的tootip就不会受到地图容器大小的限制。