0

我现在正在使用 InfoBubble，但我似乎无法从我的 InfoBubble 中获取实际的标签/标题。你如何隐藏标签？为了清楚起见，我指的是气泡顶部的实际选项卡，而不是整个内容区域。

有没有我可以看的例子，或者一些涵盖这个的文档？

我认为这一定是因为 InfoBubble 向导上显示的标签是无标签的，但是当我查看源代码时，我看不到 HOW。(http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobubble/examples/example.html/)

如果重要的话，这是我现在的地图：http: //jsbin.com/ugabaz/3/

谢谢！！！！

4

2 回答 2

1

您正在使用的InfoBubbles旨在使用选项卡，这就是它们的重点......

看这里的例子：http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobubble/examples/example.html/

我看不到任何没有标签的东西，或者任何没有标签的方法。

如果您只是想要一个未选项卡的弹出窗口，那么为什么不使用标准infowindow来显示信息呢？毕竟这就是它的目的。

无论如何，如果必须，您可以通过tab两种方式隐藏。

首先，只需将一个空字符串传递给选项卡标题参数。这将停止显示文本，但您仍然会得到一个小方块。

IEethiopiaInfoBubble.addTab('', ethiopiaContentString);

其次，您可以编辑 InfoBuble 代码，以便内联 css 隐藏选项卡。

特别是编写以下元素的代码......

<div style="float: left; position: relative; cursor: pointer; background-color: rgb(127, 21, 66); border-width: 1px 1px 0px; border-style: solid; border-color: rgb(127, 21, 66); padding: 7.5px 15px 8.5px; margin-right: -15px; white-space: nowrap; border-top-left-radius: 0px; border-top-right-radius: 0px; z-index: 100; display: inline;" class=" _ibani_1563"></div>

应该简单地输出...

<div style="display: none;" class= " whatever"></div>
于 2012-12-11T00:50:02.360 回答
1

对于某些库，您可以使用一些 css 来解决这个问题——这里的问题是它没有给选项卡一个好的名称或类或任何可以通过 css 选择器获得的东西。

但你可以作弊！

ethiopiaInfoBubble.tabsContainer_.style['display'] = 'none'; // like this

在这里，我们使用 infoBubble 自己的指向选项卡容器的 dom 节点的指针，并强制它为 display-none。

于 2012-12-11T19:57:47.377 回答