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

Question

我有一张谷歌地图，真的是标准票价。它虽然很小，但标记上的弹出信息窗口非常大，所以我的问题是，这些弹出窗口是否有可能将地图的边缘溢出到实际的网站上？ （参见狡猾的photoshop作业）。

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

谢谢！

Answer 1

不是解决方案，而是更多背景......

曾经有一个名为BPWindow的商业图书馆。

但是，它似乎因GMAP2的更改而无法正常运行，并且似乎不再列为库。您可能想要联系BitPerfect，看看发生了什么。

http://www.gmaptools.com/

我还没有找到实现这一目标的方法，但如果您在搜索中找到某些内容，我很乐意听到。我没有时间看GMAP3，看看是否有任何支持这一点的变化。这也许值得一看。

Answer 2

狡猾的photoshop示例是一种很好的方式来满足您的需求。我总觉得图片对这类事情有帮助！

从优秀的econym地图教程网站看来，bpWindow就像你追求的那样

  

一个可以在地图外打开的infoWindow类型工具。因此，地图永远不会自动平移以显示其内容。

但是，我不能让这些例子工作......但希望它可以在某种程度上帮助你！

Answer 3

MapTools NOT 超出google-maps边框/容器。

Trulia.com似乎找到了一种让InfoBox存在于地图容器之外的方法，但是我不确定他们是怎么回事的。

Answer 4

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

这是我的解决方案：

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

就是这样！

Answer 5

昨天刚开始工作。不是那么容易，但如果你玩弄标记的方式并引入一些jQuery，那就不难了。 Read here