ThickboxとGoogleマップのリンク

Question

jQueryのthickboxを使用しており、Googleマップのリンクに使用したいと考えています。

私が見たアプローチは、私が使用しているリンク（URL）フォーマットでは機能しません。私はこの使用している場合

http://maps.google.com/?q=1200ペンシルベニアアベニューSE、Washington、コロンビア、20003

ので：

URLの形式は

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

をそれだけにリダイレクトGoogleマップでポップアップを開くのではなく、Google Mapsページを表示します。二回あなたのリンクでは

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

：私は、URLに

?height=300&width=300 

をAJAX呼び出しを追加しようとしている。しかし、あなたがこの部分を持っているので、多分それはだ

Answer 1

別の回答を投稿しています。これは、Googleマップのページ全体をThickboxに入れずに、これを実現する方法が異なるためです。地図自体が必要です。

このメソッドは、マップをページ上の非表示の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パラメータを混在させることは少し難しいようです。

Answer 2

を働いていないのですか？

Answer 3

あなたが削除する必要があり、二重

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は、ほとんどの英数字以外の文字をエスケープする必要があります。

Answer 4

ThickBoxのでiframe内のURLを開くには、あなたがあなたのURLにこれを追加する必要があります：

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

は、iframeをコンテンツのThickBox説明書を参照してください。

実際にはhttp://maps.google.com/?q=というダブルを削除する必要がありますが、スペースをエスケープしないと効果があります（良い習慣ではありません）。