Javascript 从InfoBubble、Google地图API v3中删除标题选项卡
我现在正在使用InfoBubble,但我似乎无法从我的InfoBubble中获得实际的标签/标题。如何隐藏标签?为了清楚起见,我指的是气泡顶部的实际选项卡,而不是整个内容区域 我可以看一个例子,或者一些文档来说明这一点吗 我想一定是这样,因为InfoBubble向导上显示的标签是无标签的,但当我查看源代码时,我看不出有什么效果。(http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobubble/examples/example.html/) 这是我现在的地图,如果重要的话:Javascript 从InfoBubble、Google地图API v3中删除标题选项卡,javascript,google-maps-api-3,infobubble,Javascript,Google Maps Api 3,Infobubble,我现在正在使用InfoBubble,但我似乎无法从我的InfoBubble中获得实际的标签/标题。如何隐藏标签?为了清楚起见,我指的是气泡顶部的实际选项卡,而不是整个内容区域 我可以看一个例子,或者一些文档来说明这一点吗 我想一定是这样,因为InfoBubble向导上显示的标签是无标签的,但当我查看源代码时,我看不出有什么效果。(http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobubble/examples/e
谢谢 您使用的
infobrobbles
是用来使用选项卡的,这就是它们的全部要点
看看这里的例子:http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobubble/examples/example.html/
我没有看到任何没有标签的,或者任何没有标签的方法
如果您只是想要一个未添加标签的弹出窗口,那么为什么不使用标准的infowindow
来显示信息呢?毕竟这就是它的目的
无论如何,如果必须,您可以通过两种方式隐藏选项卡
首先,只需向tab title参数传递一个空字符串。这将停止显示文本,但仍然会得到一个小正方形
i、 e.ethiopiaInfoBubble.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>
对于一些库,您可以使用一些css来解决这个问题——这里的问题是,它没有给选项卡提供一个好的名称、类或任何可以通过css选择器获得的东西
但是你可以作弊
ethiopiaInfoBubble.tabsContainer_.style['display'] = 'none'; // like this
在这里,我们使用infoBubble自己的指向选项卡容器dom节点的指针,并强制将其显示为“无”