1

jQueryのthickboxを使用していて、それをGoogleマップリンクに使用したいと思います。

私が見たアプローチは、私が使用しているリンク（URL）形式では機能しません。

URL形式：

http://maps.google.com/?q=1200 Pennsylvania Ave SE、ワシントン、コロンビア特別区、20003

したがって、これを使用する場合：

<a class='thickbox' href='http://maps.google.com/?q=1200 Pennsylvania Ave SE, Washington, District of Columbia, 20003'>
   Map
</a>

Googleマップでポップアップを開くのではなく、Googleマップページにリダイレクトするだけです。URLにajax呼び出しを追加しようとしています

?height=300&width=300

しかし、それは機能していません

4

4 に答える 4

2

ThickboxのiframeでURLを開くには、これをURLに追加する必要があります。

&KeepThis=true&TB_iframe=true&height=400&width=600

iFramedコンテンツのThickBoxの説明を参照してください。

確かにdoubleを削除する必要http://maps.google.com/?q=がありますが、スペースをエスケープしなくても機能するはずです（これは良い習慣ではありません）。

于 2009-08-20T17:20:04.997 に答える
2

これを達成するための別の方法があるので、私は別の答えを投稿しています-シックボックスにグーグルマップページ全体を持たずに-私たちはマップ自体が欲しいだけです。

このメソッドは、マップをページ上の非表示のiframeに配置します。これは、Thickboxの「インラインコンテンツ」方式です。

<a href="#TB_inlinemodalContent?height=410&width=505&inlineId=hiddenDiv" title="add a caption to title attribute / or leave blank" class="thickbox">Show hidden modal content.</a>

<div id="hiddenDiv" style="display:none;">
    <iframe width="500" height="400" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/?q=1200 Pennsylvania Ave SE, Washington, District of Columbia, 20003&amp;t=h&amp;output=embed"></iframe>
</div>

追加output=embedすることで、iframe内のマップ自体だけを取得します。 t=h衛星地図になります。これらを元の方法（iframeを直接開く）のリンクに追加することもできますが、GoogleマップとThickboxの両方のURLパラメーターを混在させると少しうまくいかないようです。

于 2009-08-20T17:44:39.767 に答える
0

ダブルを削除する必要があるかもしれません

http://maps.google.com/?q=

jjclarksonが言ったように、しかしあなたはまたあなたのアドレスのスペースをエスケープする必要があります。

したがって、この：

<a class='thickbox' href='http://maps.google.com/?q=http://maps.google.com/?q=1200 Pennsylvania Ave SE, Washington, District of Columbia, 20003'>
   Map
</a>

これになります：

<a class='thickbox' href='http://maps.google.com/?q=http://maps.google.com/?q=1200%20Pennsylvania%20Ave%20SE%2C%20Washington%2C%20District%20of%20Columbia%2C%2020003'>
   Map
</a>

URLでは、英数字以外のほとんどの文字をエスケープする必要があります。

于 2009-08-20T17:16:03.600 に答える
0

多分それはあなたがこの部分を持っているからです：

http://maps.google.com/?q=

あなたのリンクで2回？

于 2009-08-20T17:12:15.823 に答える