Google地图信息框 - 它可以存在于地图容器之外吗？

Question

我有一个谷歌地图，真正的标准票价。虽然它很小，但标记上的弹出窗口信息窗口非常大，所以我的问题是，这些弹出窗口可能会溢出地图边缘并进入实际网站吗？ （有关示例，请参阅dodgy photoshop作业）。

alt text http://dotcafedesigns.com/stuff/box-breakout.png

谢谢！

Answer 1

dodgy photoshop例子是一个很好的方式来获得你想要的。我总是找到对这种事有帮助的图片！

从出色的econym地图教程的网站，它看起来像bpWindow是你后

信息窗口型工具，它可以在地图外开在做什么。因此，地图永远不会自动平移以显示其内容。

但是，我不能很好地得到例子工作......但希望它可以帮助你以某种方式！

Answer 2

不是一个解决方案，但一些更多的背景...

过去有所谓的BPWindow提供商业库。

但是，它似乎是通过对GMAP2的更改而变得无法使用，并且似乎不再作为库列出。您可能想联系BitPerfect并查看发生了什么。

http://www.gmaptools.com/

我还没有找到一种方法来做到这一点，但很想听到它，如果你发现在你的搜索东西。我没有时间看GMAP3，看看是否有任何改变可以支持这一点。这也许值得一看。

Answer 3

MapTools确实不是超过谷歌地图边界/容器。

Trulia.com似乎已经想出了一种方法来让InfoBox存在地图容器之外，但我不知道他们是如何对此进行操作的。

Answer 4

实际上，您可以使用自己的工具提示框架，唯一棘手的问题是弄清楚如何将工具提示元素放置在标记的位置。

这里是我的解决方案：

1. 获取标记的像素位置相对于其容器。 Google Maps V3有一种方法可以做到这一点，称为fromLatLngToContainerPixel。不幸的是，这个功能不容易访问。您的标记必须继承OverlayView。我已经写了a guide关于如何做到这一点。这可能是一个破坏者，但它确实不那么难。
2. fromLatLngToContainerPixel返回相对于其容器的顶部/左侧。如果您的工具提示标记也位于同一个“已定位”容器中，则可以按原样使用该值并完成。否则，您必须将其转换为与您的工具提示相同的相对坐标。这quirksmode article可以指导你。

就是这样！

Answer 5

昨天刚刚工作。不是那么容易，但是如果你玩弄标记的创建方式并拉入一个小小的jQuery，这并不难。 Read here。