問題タブ [infobox]

正常に表示されているマーカーの配列があります。私が抱えている問題は、配列に保持されているコンテンツを使用するたびに InfoBox を表示することです。この配列は store_pins と呼ばれ、要素 4 と 5 は InfoBox に渡される値を保持します (要素 4 には画像のファイル名、5 には画像のキャプションが含まれます)。InfoBox コードは

マーカーがクリックされたときに InfoBox を呼び出す必要があり、 // INFO BOX CODE GOES HERE というコメントがあるコードの下部に移動する必要があります。

完全な私のコードは次のとおりです。

Google マップ v3を含むウェブサイトhttps://yachtcharterbook.comを作成しています。マーカーのマウスオーバーでポップアップするマーカーと情報ウィンドウを取得しました。情報ウィンドウが表示されたら、マウスでその上を移動しようとしますが、別のマーカーがその下にある場合、現在の情報ウィンドウが閉じて、2 つ目のポップアップが表示されます。レイヤー、パネル、または z-index に問題があり、よくわかりません。Infowindow ペイン: 'floatPane'、ペイン: 'mapPane'、infowindow とマーカーの zIndex で遊んでみましたが、変更はありません。なぜそれが起こっているのか、いくつかのアイデアがありますか？

ありがとう！

infoBoxes を備えた Google マップがあります。infoBox には、表示後に infoBox のサイズを変更する機能があります。

ただし、コンテンツが最初に表示されたものよりも大きい場合、これにより infoBox がマップからはみ出してしまいます。infoBox panBox 機能を呼び出す方法はありますか?

要するに、サイズが変更された後、infoBox をもう一度フィットさせるにはどうすればよいですか?

例を参照してください: フィドル

インフォボックスをクリックして問題を確認してください

コードなしでフィドルを表示することは許可されていないため、私のコード例:)

私のウェブサイトで Google の InfoBox プラグインを使用して非同期 Google マップを実装する方法を見つけることに行き詰まりました。これは私のコードです：

これはマップの私のdivです

これは、InfoBox の My Div です

エラー: Uncaught ReferenceError: マーカーが定義されていません ヘルプ!

私はこれで数時間遊んでいますが、どこにも行っていないように感じます.

問題 #1:マップ マーカーをスクロールすると、その情報ボックスが表示されます。ただし、インフォボックスの上にマウスを移動すると、表示されているインフォボックスの後ろに別のマーカーがあり、後ろのマーカーのインフォボックスが開きます。infobox.js ファイルを更新し、これを設定しましenableEventPropagation: trueた。しかし、運がありません。

問題 #2:マップ マーカーとインフォボックスからマウス アウトしたときに、インフォボックスを閉じたい。以下のコメントアウトされたコードでわかるように、私はそれを理解しようとしましたが、できませんでした。私が何をしようとしても、マップが読み込まれません。これについてどうすればいいですか？

どうもありがとう！

マーカーがクラスターに入ったときにインフォボックスが消えないように見えることに気付きました。マーカーがクラスターに入ったときにインフォボックスを非表示にする方法は既にありますか? そうでない場合、これを行う方法について何か提案はありますか? クラスター化されている現在のすべてのマーカーを取得する方法を見つけようとしていましたが、うまくいきませんでした。

各マーカーには、そのマーカー専用に作成された情報ボックスがあります。

事前にご協力いただきありがとうございます。

Locations 配列の例:

私の主なコードのいくつか：

これは私のコード例です。リンクがクリックされたときにインフォボックスを開きたい。

例jsfiddle

コードスニペット：

私は、世界中のユーザーが作成したプロジェクトを表示する Google マップに取り組んでいます。マーカーをクリックすると、インフォボックスが開き、ユーザーに関する情報が表示され、そのインフォボックスのカルーセル内に写真やビデオが表示されます。

だから私はビデオと写真を埋め込む必要があります。Youtube や Vimeo では問題ありませんが、問題は Facebook の動画です。これは、Facebook の動画を埋め込むための JavaScript メソッドを追加する必要があるためです。

含める必要があるスクリプト:

次に、インフォボックスのコンテンツにあるビデオを再生します。

Facebookの動画を埋め込む方法を説明するリンクを次に示します。

このビデオを「通常の」HTMLページで再生することに成功しましたが、このjavascriptコードをインフォボックスに接続する方法が見つからなかったため、インフォボックスに配置すると表示されません。また、javascript コードをインフォボックスのコンテンツの外側に配置しただけでは、そうではありません。インフォボックスのコンテンツの先頭に次のように含めようとしました:

または、コンテンツ ヘッドにスクリプトを直接含めることによって:

これを行うと、スクリプト終了タグの直後に記述したコードが HTML ページに文字通り表示されるという結果が得られます。

jsなしで機能させるものを見つけたので、データベースにあるすべてのFacebookビデオリンクでは機能しません。特定のタイプのURLでのみ機能します

いくつかのリンクは次のようなものです: https://www.facebook.com/konstantinos.gargas/videos/vb.1065124383/10205486637779746 /videos/ の後に奇妙なものがあり、上記の iframe タグが機能しません:(

誰かが私を助けることができれば、それは素晴らしいことです:)

（私の英語で申し訳ありません、私は私が明確だったことを願っています）

情報ボックスをモーダルにポップアップするための参照を見つけようとしています。私のユースケースでは、Google マップのポップアップは非常に便利なナビゲーション ツールですが、クリックしたオブジェクトを固定するため、モバイル デバイスでは画面外に表示されることがよくあります。

これが可能であることを示唆するものは何も見つかりませんでした。

私は Bing Maps API を使用していますが、この問題で壁にぶつかっています。ピンをクリックするとインフォボックスが表示されます。ただし、ピンをクリックし続けると、さらに多くのインフォボックスが開き続けます。これを防ぎ、情報ボックスを 1 つだけ開いておくにはどうすればよいですか?