問題タブ [infobubble]

ページが読み込まれると、情報バブルの位置が中央に表示されません。しかし、マーカー情報バブルをクリックすると、実際の位置が取得されます。

したがって、この問題は読み取り可能な問題を引き起こします。

http://jsfiddle.net/onurodemis/QxvPR/1/

マップ要素にカーソルを合わせると、InfoWindow ポップアップが表示されます (いくつかのオープン ソースの悪役によって実装されたスタイル設定可能なサブクラスである InfoBubble を使用)。マップ上の物が端にある場合、InfoBubble は切り捨てられます。

もちろん、autoPan オプションはありますが、常にパンが行われるため、パフォーマンスが低下します。代わりに、次のいずれかを行います。

1. InfoWindow / InfoBubble のコンテンツがマップの端を超えても表示されるようにする、または
2. エッジの位置に応じて、InfoWindow の位置とサイズをインテリジェントに切り替えます。

オプション 2 は、今コーディングしたいものではありません。

オプション1を達成する方法を知っている人はいますか?

(Google マップ API v3)

Google マップ API v3 と InfoBubbles プラグインを使用しています。マップに複数のマーカーを設定しようとしています。各マーカーには、クリックすると開く InfoBubble があります。これらの InfoBubbless には、それぞれ独自のコンテンツと html を持つタブ (最大 3 つのタブ) があります。

タブとインフォバブルを使用してマップにマーカーを表示するにはどうすればよいですか。

現在、インデックスを渡しながら、infobubbles とマーカーを配列に設定し、パブリック関数を使用してクリックを処理しています。

およびマーカークリック機能:

インフォバブルに詳しい方へ。バブルが閉じたときに現在のタブをリセットする方法はありますか?

例: バブルが 3 つのタブでポップアップし、タブ番号 3 に移動してバブルを閉じます。もう一度開くと、タブ番号1に戻ります。

これは私が起こりたいことです:)

デフォルトの上部の位置ではなく、マーカーの側面にボックスが開いているカスタムinfoBubbleを実装しようとしています。これは予想よりも難しいことが判明しました。

通常のinfoWindowを使用すると、pixelOffsetを使用できます。ドキュメントについては、こちらをご覧ください

infoBubbleを使用すると、これは当てはまらないようです。infoBubbleでpixelOffsetを使用する方法はありますか、それとも同じことをする何かがありますか？

このようなグーグル検索を使用すると、関連する結果が返されないため、これを検索するのは非常に難しいことがわかりました。グーグル検索

以下は私が使用しているすべてのリソースです。

• infoBubbleの例はこちら。

• ここでマップとinfoBubbleを設定するための私のJavaScript 。

そして今、私のjavascriptは、jsfiddleリンクが壊れている場合に備えてここにあります。

アップデート

この質問に答えるのを助けるために、私はここにテストケースをまとめました。重要な行は38行目と39行目で、ラベルを配置する場所を指定する必要があります。

アップデート2

バウンティが授与されるためには、マーカーの上のデフォルトの位置から離れて配置されたinfoBubbleの例を見る必要があります。できればマーカーの右側に。

アップデート3

テストケースは古い会社のサーバーでホストされているため、アップデート1から削除しました。

JavaScript で、 InfoBubbleと呼ばれる Google マップ API v3 用の小さなプラグインを見つけました。高度にカスタマイズされた情報ウィンドウを簡単に作成できるようにするのに非常に役立ちます。私がそこに見つけられないように見えるのは、タブボタンをクリックするのではなく、関数呼び出しを介して特定のタブを開く方法です。プラグインの機能の一つである setTabActive(index) を試してみましたが、うまくいきません。明らかな何かが欠けているのでしょうか、それとも js ファイルで適切な関数を探しているだけではありませんか?

参考までに、私のコードは次のとおりです。

そのコードでも、毎回最初のタブが開かれます。どんな考えでも大歓迎です。

編集：ここに投稿した直後に実際に自分で問題を修正しました...コードを詳しく調べた後、何らかの理由で、作者が0ではなく1から始まる番号を使用していることに気付きました.これは素晴らしいプラグインですが、間違いなくいくつかのドキュメントが必要です.. .

InfoBubble を使用してGMapにコンテンツを表示しています。ただし、zIndex が低い InfoBubble が zIndex が高いマーカーをブロックしているため、zIndex は機能していないようです。同様の問題に遭遇する人はいますか?

GMap マーカー:

インフォバブル:

ありがとうございました。

以前は InfoWindow を使用していました。多くのマーカーをクリックしても、InfoWindow は 1 つしか表示されません。

しかし、それを変更して InfoBubble に置き換えると、複数のバブルが表示されます。以前に開いたバブルを自動的に閉じるのではなく、開いたままにして、マップを台無しにしているように見えました。

この問題をどうすればよいかわかりません。これが私のコードです。

良い一日！InfoBubble がリスナーを持つことができるかどうかを尋ねたいだけです。InfoBubble のテキストを div に挿入し、そこに onclick コマンドを挿入しようとしましたが、何も起こりません。

前もって感謝します。ところで、私は現在 Android アプリケーションを開発しており、webview を使用してマップを表示しています。

どうしたらいいのかわからない…infoBubbles新しいものを開くなら、開いているものを全部閉じたい。私は次のコードを使用しています。アイデア？私はたくさん試し、ググってみましたが、それほど複雑ではないはずですよね？開いている配列の配列を作成してIDを保存することを考えましたが、これを修正するための別の非常に簡単な方法が必要だと思います。