問題タブ [infobox]

Google Maps Infobox は JQuery UI ウィジェットを表示できますか? 最も単純なインフォボックスの例に JQuery タブを挿入しようとしましたが、うまくいきませんでした。そして、正しい CSS/JS ファイルを含めたことを証明するために、別の JQuery タブをマップの下に追加したところ、うまくいきました。

これが私のコードです：

インフォボックスを使用して、 GoogleMapv3のマーカーの情報を表示しています。各マーカー内に複数のタブを表示したいのですが、これを行う方法の良い例が見つかりません。マーカーと InfoBoxes を実行するコードは次のようになります。

これは、GoogleMap に表示される 7 つのマーカーのコードです。各マーカーに、InfoBox を開閉する mouseover および mouseout イベントを追加しました。このコードは IE、Firefox、Opera では問題なく動作しますが、Chrome では深刻な問題に直面しています。

Chrome 32では、mouseover イベントで InfoBox が開かなくなりました。イベントが発生します。これは、コンソールに表示されているマーカー座標で確認できます。また、マーカーをクリックすると InfoBox が一瞬開くため、InfoBox は正常に機能します。

このリスナーを削除すると、すべての InfoBox が正しく表示されるため、これは mouseout リスナーに関係していると最初に推測しました。しかし、ループを setInterval 関数でマーカーを追加するように置き換えました。ここで、同じ 7 つのマーカーを次々に (つまり、各マーカーの複数のレイヤー) 追加し続けます。そして奇妙なことに、すべてがうまくいきます. したがって、マーカーが設定されると、Chrome が地図に「焦点を合わせ」ていないことに関係していると思います。私はそれの詳細を把握することはできませんので、あなたの意見をお待ちしております!

元のコードの下にあり、その後 setInterval で変更された部分を見つけてください。

どうもありがとう...

そして、これは動作する関数 initialize() の変更ですが、実際のアプリケーションではあまり意味がありません:

ajaxサクセス関数内でインフォボックスをリロードすると、インフォボックスを別の場所に配置しようとしているようです.firebugでは、トップが別のものに変わることがわかります。それより前の場合: -12.4635px; それから私が使うとき

lastInfoWindow.setOptions({"content":"ここにコンテンツ"});

次に、-4.46351px になります。インフォボックスの次または前のボタンをクリックすると、次および前のボタンが ajax を呼び出してコンテンツを動的に変更します

以前に初期化された lastInfoWindow は次のようになります。

いくつかの変数で現在のトップ位置を取得しようとしましたが、ajax が機能を実行した後、そのトップを既に保存されている位置に変更しようとしましたが、機能しませんでした。setTimeout を使用して遅延させましたが、まだ機能していません。他に今できること。

情報ウィンドウまたは InfoBox (私はそのプラグインを使用しています) にクリック イベントリスナーを追加する方法はありますか?

本当に私が抱えている問題は、ウィンドウ/ボックスが、ユーザーがマップ上の任意の場所をクリックしたときにトリガーされるクリックイベントリスナーの邪魔になることがあることです。

私は絶対にすべてを試しましたが、この単純なことを機能させることはできません。

マーカーをクリックした後、情報ウィンドウの入力フィールドの 1 つに値を挿入したいと思います。

最終的には、新しく配置されたマーカーの長い/緯度の値を配置したいと思いますが、何時間も試行した後、DOM の入力フィールド ID へのセレクターが見つからないため、文字列値を配置することさえできないようです。

以下の私のコードを見つけてください。どんな助けでも大歓迎です。ありがとう。

[コード]

[/コード]