クリック可能なポリラインとポリゴンに関するインフォボックスがあります。

それらのいずれかをクリックすると、非表示のマーカーが作成され、infoxboxがポップアップ表示されます。

問題は、infoxboxが表示されると、マップが消えることです。

javascriptエラーは発生しません。

これは私のコードです:(コンテンツテキスト以外のすべてのinfoxbox機能をコメントアウトしました）

誰かが私がこの問題を解決するのを手伝ってもらえますか？

ありがとうございました

マーカーに関連するデータを表示するためにインフォボックスを使用しています。データには、htmlコード、特にクラスを持つdivが含まれていますtest。

奇妙なことに、次のコードが機能しないため、このhtmlコードにアクセスできないようです。

正確なコードがInfoWindowで正常に機能するという事実を強調しています。FireBugを使用して確認できるので、完全なhtmlが表示されることも確認できます。

減価償却されていることは知ってlive()いますが、古いバージョンのjQueryを使用しています。

誰か助けてもらえますか？

私は開発者ではなく、JavaScript を段階的に学習しようとしています。ここで、作業中の gmaps に単純なインフォボックスを追加する必要があります。問題は、Google リファレンスで説明されているようにコードを追加したことですが、機能しません。また、そのページに infobox.js リンクを配置しましたが、これが最後のリリースです。

これはテストページです: http://www.squassabia.com/aree_espositive_prova2.asp

私がする必要があるのは、コード (boxText.innerHTML) に表示されるメッセージを表示することです。これは、段階的に理解し、物事をシンプルに保つためです。その後、スタイルを設定し、xml からデータを追加します (これはそれほど難しくないと思います)。

古い投稿のいずれにも解決策が見つからなかったので、問題を解決する方法の手がかりを誰かに教えていただければ幸いです。

乾杯

initialize() コードを提供します。

Googleマップに複数のマーカーを配置するために使用される createMarker() 関数があります。コードは次のとおりです。

Google マップ V3から同様の質問を参照しました - 一度に表示されるインフォボックスを 1 つだけ許可し、同じ方法でコードを適用しましたが、目的の結果が得られません。

Google マップ V3 - 一度に表示できるインフォボックスは 1 つだけです

現在、Google マップのカスタム infoBox 用の google-maps-utility-library プラグインで問題が発生しています。カスタム形状の infoBox を希望どおりに作成できます。しかし、モバイル デバイス (Galaxy S2 と iPad でテスト済み) では、infoBox をクリックすることができます。これは、インフォボックスの閉じるボタンに触れて、閉じるボタンの下に別のマーカー インフォボックスがあるときにすぐに別のマーカー インフォボックスを開くときにも発生するため、非常に厄介です (私のマップでは非常に頻繁に発生します)。

これを修正する方法を知っている人はいますか？私が最初に考えたのは、enableEventPropagation フラグと関係があるということでしたが、eventpropagation を無効にしてもモバイル デバイスには影響しないようです (他のものにはイベントが必要です)。

読んで答えてくれてありがとう:)

私はグーグルマップキャンバスとマップの横にある2つのリンクを含む作業マップを持っています。クリックすると、ユーザーは保存されているlatlongの場所と情報ウィンドウに移動します。次のステップは、マーカー（成功しています）とinfoWindowsのスタイルを設定することでした。

infoWindowsのスタイルを設定するために、スタイルを設定したInfoBoxプラグインを使用しましたが、このプラグインを2つの異なるinfoWindowsに使用する方法がわかりません。スタイルは変わりませんが、内容は変わります。現時点ではinfoBoxは機能していますが、ユーザーが2番目のリンクをクリックしても、infoBoxのコンテンツは同じままです。

ワーキングリンク： http： //jsfiddle.net/charliebee/363ea/3/

コード

誰かが私にこれを達成するためのアドバイスを与えることができますか？2つのinfoBoxオプションまたはマーカー名を使用してコンテンツを修正しようとしましたが、成功しませんでした。これは、スタイルシートを除いてすべて私のコードです。

私は Google Maps API V3 とinfoboxesを使用しており、常に 1 つの infobox のみが開かれるように設定しようとしています。

関連するスレッドをたくさん見てきました が、それらを修正して機能させる方法がわかりません。にバインドする必要があることを漠然と知っています

しかし、それは私が理解できる範囲のほとんどです。

これが私のコードです：

編集:このプラグインを使用して InfoWindows でこれを動作させたことを言及する必要がありますが、Web サイトの特定のルック アンド フィールに合わせてスタイルを設定できる必要があります。これが、InfoBox に対して頭を悩ませている唯一の理由です。まず始めに。

正しい方向への指針を本当に感謝します！前もって感謝します。

ここでは Web デザイナーの初心者なので、これらの用語が正しく、質問が恥ずかしくないことを願っています。私が持っているのは、4つのアイテムを持つhtmlフォーム（html5ドキュメント内）です（ただし、さらに多くのアイテムがあります）：

1. ページを選択
2. ページ1
3. ページ2
4. 3ページ

…そしてこれら 3 ページのそれぞれのテキストは、すべて CSS を使用して隠されています。ページを最初に開くか更新すると、フォーム メニュー ボックスに [ページを選択] が表示されます。ページが選択されると、「infobox.js」(何年も前にネット上のどこかで入手したもの) が、そのページのテキストをメニュー ボックスの下に表示します。完璧に動作します。

代わりに私が望むこと: ページが最初に開かれたときに、「ページを選択してください」がフォーム メニュー ボックスに表示され、その下にページ 1 のテキストが既に表示されています。

これは可能だと思いますが、数日間髪を引き裂くだけで、解決策が誰かにとって本当に簡単になることを願っています. 助けてくれてありがとう！

HTML

CSS

INFOBOX.JS

設定

南アフリカのすべての州のポリゴン マップがあります。

これは、次のように v3 Google マップに取り込まFusionTablesLayerれます。

その直後に、clickイベント リスナーをにアタッチしFusionTablesLayer、次のようにカスタム InfoBox オブジェクトを作成します。

その後、マップ上にレイヤーをレンダリングします。

これはすべて機能します。問題ない。

問題

クリック イベントは、FusionTable のそれぞれの行のすべての列を返し、それをe上記の変数にアタッチします。

現在、 FusionTable の各行には、114kb から 2.5MB までの非常に長いe.infoWindowHtmlKML 文字列が含まれており、これは および で返されe.row['Polygon'].valueます。

Google 側のキャッシュが多いため、リクエストにそれほど時間はかかりませんが、都道府県をクリックしてから infoBox がポップアップするまでに約 5 秒かかります。

tl;dr

infoBox.open(map)FusionTables ポリゴンをクリックした後のメソッドは非常に低速です。どうすれば高速化できますか？

アップデート

データは最初のクリック後にキャッシュされます。最初のクリックの前にデータをキャッシュする方法はありますか?

あるいは、に添付された返される変数を制限する方法はありeますか?つまり、クリック要求から「ポリゴン」データを削除しますか?

私はただ理解できないという問題を抱えています。Google Maps API のバージョン 3 を使用するアプリケーションを引き継ぎました。あまり慣れていませんでしたが、いくつか調整を依頼されました。そのうちの 1 つは、デフォルトの infoWindow を使用するのではなく、カスタムの infoBubble を作成する必要がありました。これを行うinfoBoxというクラスを見つけ、いくつかの例に従って現在の場所を取得しました。ただし、私のアプリケーションでは、各オーバーレイ (ポリゴン、ポリライン、またはマーカー) の infoBox に削除ボタンが必要です。デフォルトの infoWindow を使用していたときは、jQuery のクリック イベントで削除が正常に機能していましたが、代わりに infoBox を使用しているため、非常に特異です。問題を示す小さなテスト ファイルを作成しました。その要点は、infoBox を初めて開いたときに、削除ボタン ルーチンは 1 回だけ実行されます。ただし、ボックスを閉じて、もう一度 (または別のボックスを) 開くと、ルーチンが複数回実行されます。infoBox を開く回数が増えるほど、削除ボタンが再バインドされて実行される回数が増えます。ウィンドウ内の要素を、クリックされているオブジェクトのプロパティに固有のものに変更できるように、infoBox の domready リスナーにラップされたものがあります。何らかの理由で、domready が複数回起動し (1 回しか起動しないと思っていました)、削除のクリックが再びバインドされています。infoBox クラスを使用する前は、通常の infoWindow は、jQuery を使用してタイトルと説明を変更するために domready を必要とせず、クリック イベントが何度もバインドされることはありませんでした。私は完全に途方に暮れており、これに多くの時間を費やしてきました。どんな助けでも大歓迎です。サンプル テスト ファイルは次のとおりです。

http://midwestfish.djcase.com/infobox/test.htmlでライブデモを見る方が簡単かもしれません