問題タブ [infobubble]

私はグーグルマップv3でコーディングしています。jQuery を追加し、イベント ハンドラーを infoBubble (ここで入手したカスタマイズ可能な infoWindow jscript 拡張機能) にアタッチしたいと考えています。

具体的には、ユーザーに infoBubble のリンクをクリックさせ、jQuery-UI を使用してダイアログ フォームをポップアップさせたいと考えています。ダイアログ フォームはユーザーに入力を求めるプロンプトを表示し、入力はその後 MySQL に保存されます。

私はこれで1か月間立ち往生しています。これは私が来た最も近いものでした：

Google マップの情報バブル内の要素にイベント ハンドラーをアタッチする

以下は、マップ マーカーを作成するために使用する JavaScript 関数です。

(注: イベント ハンドラーを infoBubble にアタッチすることが機能する場合function() {alert("hi!");}、jQuery-UI フォームに置き換えます。しかし、機能しません。「var str = 'onClick=formPopUp()';」を使用してみましたが、javascript は、複数のエントリを持つプロンプト ダイアログ フォームをサポートしていません。また、formPopUp() のような javascript 関数内で jQuery-UI 呼び出しを行う方法もよくわかりません。混乱していたらごめんなさい)

1 つのマーカーと 1 つの infoBubble を持つ Google マップがあります。マーカーをクリックすると、インフォバブルが表示されます。問題は、インフォバブルがマーカーの上ではなく、マーカーの上に表示されることです。スクリーンショットを見る:

infoBubble は閉じています: infoBubble は開いています: これはコードです。名前付きの住所しかないため、ジオコーダーを使用しています:

なぜこれが起こっているのか手がかりはありますか？

マップにマーカーが追加されましたが、残念ながら infoBubble には何も表示されませんか? なぜ？
FireBugにエラーはありません

関数の呼び出し方法を更新する

@Ankitの更新

クリックされたマーカーがこのエラーを取得すると、まだ情報ウィンドウを閉じることができません

ajax呼び出しを使用して、Mysqlデータベースのマーカーが設定されたマップ上の2つのタブでInfobubblesを機能させようとしています。

問題は、最後に追加されたマーカーから、すべてのインフォバブルがタブに同じコンテンツを表示していることです。これがjsスクリプト全体です。どんな助けも大歓迎です。

Gmap3プラグインとphpでjQueryプラグインを使用infobubbleして、マーカーを追加するためのjson応答を取得しています。

プラグインaddMarkersのオプションを使用して GoogleMap マーカーを追加しました。Gmap3

最初の試行ではすべてがうまく機能していますが、マーカーをクリックすると、infobubble がポップアップし続けます。

バブルに表示する 1 つのマーカーといくつかのコンテンツがある場合、同じマーカーをクリックし続けると、infobubble が別のマーカーに追加されますが、「マーカーが再度クリックされた場合、または他のマーカーがクリックされた場合は、古い infobubble を閉じる必要があります」通常のようにインフォウィンドウ用量。

私が明確な点を指摘できることを願っています。

ありがとう。

マップを完成させたばかりで、コンテンツ文字列で js ファイルからデータを取得して、マーカーのインフォボックスに追加したいと考えています。簡単なinfoBubble.setContent('<b>'+data.description+'</b>'+'<br>'+data.name);クエリで動作させました。しかし今、私はタブを作成し、それぞれが map.js ファイルから異なるデータを読み取るように要求しています。

これまでの私のコード:

私のjsファイルのサンプル:

基本的に、contentString で「説明」を検索し、contentString2 で「名前」を検索し、contentString3 で「緯度」と「経度」を検索します。

これについて頭を上げたいと思います。

乾杯

EXT JS に問題があります。infobubble タブを追加すると、タブが垂直方向に整列されます。元の水平方向の整列になりたいのですが、EXT JS CSS の問題だと思います。修正するアイデアはありますか?

http://jsfiddle.net/anthor/vgxaV/3/

これはオリジナルのインフォバブルです

http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobubble/examples/example.html

私はアニメーション情報吹き出しをしようとしています (ここで吹き出しの css を見つけました: http://nicolasgallagher.com/pure-css-speech-bubbles/ )、マウスがリンクの上にあるたびに、私はdiv infoBubble を作成し、マウスがこの div の外に出たら、.remove() を使用して削除しています。しかし、リンクから別のリンクにマウスを非常に速く移動しているとき、.remove() は最初のブーブルでは機能しないようです。

私のjQueryコードは次のとおりです。

ここでフィドル：http://jsfiddle.net/malamine_kebe/YmKT4/

助けてくれてどうもありがとう...

マーカーの位置をプロットする XML ファイルからデータを解析していますが、その部分はうまく機能します。XML ファイルからの情報を使用して、HTML 経由で情報ボックスに情報を追加しようとしています。これは、それがどのように見えるかです。

http://www.mesquiteweather.net/images/Annual%20Fatal%20Tornado%20Summaries.png

しかし、私のテスト ページに移動してマーカーをクリックすると、そのようには表示されません。

http://www.mesquiteweather.net/xml/googlemapkt.html

これは、情報ボックスを作成しようとしているコードです。

最後の最後の関数と関係があると思いますが、それが正しくないことを知っていて、すべてを試したので、そこに行き詰まっています。私は何年も使用していないので、新しい Gmaps をまだ学習中です。

どんな提案やアドバイスも素晴らしいでしょう！

-ありがとう！