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

一部のライブラリでは、いくつかの css を使用してこれを修正できます。ここでの問題は、タブに適切な名前やクラス、または css セレクターを介して取得するものを与えないことです。

しかし、あなたはだますことができます！

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

ここでは、タブ コンテナーの dom ノードへの infoBubble 独自のポインターを使用し、それを強制的に表示なしにしています。

于 2012-12-11T19:57:47.377 に答える
1

あなたInfoBubblesが使用しているは、タブを使用するように設計されています。それがそれらの要点です...

ここの例を見る: http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobubble/examples/example.html/

タブのないもの、またはタブなしで作成する方法はありません。

単にタブなしのポップアップが必要な場合は、標準を使用しinfowindowて情報を表示してみませんか? 結局のところ、そのためのものです。

とにかく、必要に応じて を 2 つの方法で非表示にすることができtabます。

まず、空の文字列をタブ タイトル パラメータに渡すだけです。これでテキストは表示されなくなりますが、まだ小さな正方形が表示されます。

すなわちethiopiaInfoBubble.addTab('', ethiopiaContentString);

次に、インライン css がタブを非表示にするように InfoBuble コードを編集できます。

具体的には、次の要素を記述するコード...

<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 に答える