0

サイトのオーバーレイ モーダル ダイアログに jquerytools(http://jquerytools.org/) を使用しています。モーダル ウィンドウ (jquery ツールのレイオーバー) で Google マップを表示する必要がありますが、残念ながら Google マップはオーバーレイに読み込まれません。

私がやっていることは、オーバーレイで完全なフォームを表示することです(ajaxリクエストを使用して、「Googleマップも含む」フォームの完全なhtmlを取得し、レイオーバーでレンダリングします)。私の場合、Google マップは読み込まれませんが、他のフォーム要素は正常にレンダリングされます。別のタブでそのページ（オーバーレイに表示するためにajaxリクエストを介してフェッチする）を開き、Googleマップでも適切な要素を表示します。

Google マップが jquery ツールのレイオーバーと競合しているように思えます。

他の誰かが同じ問題またはその解決策のアイデアに行き詰まっています。前もって感謝します。

注: Google マップのオーバーレイについて話しているのではありません。私の問題は、オーバーレイ モーダル ダイアログに Google マップが表示されることです

4

2 に答える 2

0

インターネットを調べた後、ajaxリクエストを使用してオーバーレイモーダルダイアログでGoogleマップを表示することは方法ではないことがわかりました。iframeを使用していますが、問題は解決しました。今私はiframeを使用しており、Googleマップはページの読み込み時に読み込まれ、完全に正常に機能します。誰かがajaxリクエストを介してそれを行う方法を提案できるなら、私はおそらくその方法を検討するでしょう。私がインターネットで検索した限り、このシナリオではiframeが最良の選択肢です

于 2012-05-19T20:37:52.470 に答える
0

上記のリンク (event-in-town.com/place/index/addlocationlayover) をたどりましたが、マップは正常にロードされるとのことですが、そのページをロードしてもマップが表示されません。私が見た 1 つのこと - マップをロードする URL に問題があります。

<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=false&amp;language=&amp;region=DE">
</script>

マップの言語を定義するための正しいパラメーターは:&amp;language=DEであるため、マップの読み込み URL を次のように変更することから始めます。

<script type="text/javascript"
src="http://maps.google.com/maps/api/js?sensor=false&amp;language=DE">
</script>

それはあなたを正しい方向に動かすはずです-

于 2012-05-19T20:43:48.203 に答える