Jquery Thickbox和谷歌地图链接

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

我看到的方法不适用于我使用的链接（URL）格式

URL格式：

哥伦比亚特区华盛顿宾夕法尼亚大道东南，20003

所以如果我用这个：

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

---

但它不起作用

可能是因为你有这个部分：

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

---

在你的链接中出现两次？

可能是因为你有这个部分：

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

您可能需要删除双精度字符

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

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

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

请参阅iFramed内容的说明

---

您确实应该删除double

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

但如果您不逃出空格（这不是一个好的做法），它仍然可以工作。

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

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

请参阅iFramed内容的说明

---

您确实应该删除double

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

但是如果你不逃离空格，它应该仍然有效（这不是一个好的做法）。

我发布了一个单独的答案，因为有一种不同的方法来实现这一点-没有将整个谷歌地图页面放在Thickbox中-我们只需要地图本身

此方法将地图放置在页面上的隐藏iframe中。这是Thickbox的“内联内容”方法

---

通过添加

output=embed

，我们在iframe中只得到映射本身

t=h

使其成为卫星地图。你可以用你原来的方法（直接打开一个iframe）将它们添加到链接中，但是混合使用谷歌地图和Thickbox的URL参数似乎有点不合适，因为有一种不同的方法来实现这一点——不需要将整个谷歌地图页面放在Thickbox中——我们只需要地图本身

此方法将地图放置在页面上的隐藏iframe中。这是Thickbox的“内联内容”方法

---

通过添加

output=embed

，我们在iframe中只得到映射本身

t=h

使其成为卫星地图。你可以用你原来的方法（直接打开iframe）将它们添加到链接上，但是混合使用谷歌地图和Thickbox的URL参数似乎有点不对劲。

修复了拼写错误，但这不是问题的一部分，只是一个拼写错误修复了拼写错误，但这不是问题的一部分，只是一个拼写错误修复了拼写错误，但这不是问题的一部分，只是一个打字错误。至于空格，我可以加上%20，但链接仍然有效，因为我修正了拼写错误，但这不是问题的一部分，只是一个拼写错误。至于空间，我可以添加%20，但链接仍按原样工作