厚箱和谷歌地图链接答案

【问题标题】：Thickbox and Google Maps Link厚箱和谷歌地图链接
【发布时间】：2010-11-21 09:50:25
【问题描述】：

我正在使用 jQuery 的厚框，并希望将其用于 Google 地图链接。

我看到的方法不适用于我正在使用的链接 (URL) 格式。

网址格式：

http://maps.google.com/?q=1200宾夕法尼亚大道东南，华盛顿，哥伦比亚特区，20003

所以如果我使用这个：

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

它只是重定向到谷歌地图页面，而不是使用谷歌地图打开弹出窗口。我正在尝试将 ajax 调用附加到 URL

?height=300&width=300

但它不起作用

【问题讨论】：

标签： jquery google-maps thickbox

【解决方案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 参数似乎有点丢掉它。

【讨论】：

【解决方案2】：

要在Thickbox 的iframe 中打开网址，您需要将其附加到您的网址：

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

有关 iFramed 内容，请参阅 ThickBox 说明。

您确实应该删除双精度 http://maps.google.com/?q=，但如果您不转义空格，它应该仍然有效（这不是一个好习惯）。

【讨论】：

【解决方案3】：

也许是因为你有这部分：

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

在你的链接中两次？

【讨论】：

修正了错字，但这不是问题的一部分，只是错字

【解决方案4】：

你可能需要删除你的双重

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 需要对大多数非字母数字字符进行转义。

【讨论】：

修正了错字，但这不是问题的一部分，只是错字。至于我可以添加 %20 的空格，但链接仍然可以正常工作