Question

我正在尝试使用fancyBox2来显示Google地图。当我将演示页面（http://webdesignandsuch.com/posts/fancybox-download/google-maps-fancybox/fancybox-google-maps.html）上存在的相应链接复制并粘贴到我的网页时，地图就可以正常工作了。这是该链接的副本。

<a class="various fancybox.iframe" title="Yankees Suck!" href="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=fenway+park&amp;sll=42.291762,-71.425894&amp;sspn=0.20368,0.315514&amp;ie=UTF8&amp;hq=Fenway+Park&amp;hnear=Fenway+Park,+4+Yawkey+Way,+Boston,+Massachusetts+02215-3409&amp;z=14&amp;iwloc=A&amp;cid=10154405128186028253&amp;ll=42.346751,-71.096946&amp;output=embed"><img src="demo/img1s.jpg"></a>

但是当我尝试用不同的地图替换上面的地图时，我无法显示地图，尽管模态窗口的功能应该如此。我不确定错误在哪里。这是我想要使用的地图位置。

https://www.google.com/maps/place/Parque+Nacional+Manuel+Antonio,+Cant%C3%B3n+de+Aguirre,+Puntarenas/@9.392308,-84.1369879,16z/data=!4m2!3m1!1s0x8fa1719c9ba9f54b:0x95e66139ce5c4a86

有人可以说明正确的链接应该是什么样的吗？感谢您提供的任何帮助。

亲切的问候，

标记

Answer 1

如果我使用jquery 1.7.1并使用提供的“embed”URL（下面的说明），它对我有用。

我用your linked map中的一个替换了示例中的URL（我点击了“Parque Nacional Manuel Antonio，CantóndeAguirre，Puntarenas”左侧的“汉堡菜单”，然后“分享或嵌入” ，然后在“嵌入地图”标签上.idrame内的网址：<iframe src="https://www.google.com/maps/embed?pb=!1m10!1m8!1m3!1d7872.6622650279005!2d-84.1369879!3d9.392308!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sus!4v1451580267451" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>）

Live example

网址为：

href="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d7872.6622650279005!2d-84.1369879!3d9.392308!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8fa1719c9ba9f54b%3A0x95e66139ce5c4a86!2sParque+Nacional+Manuel+Antonio!5e0!3m2!1sen!2sus!4v1451580042799"

Fancy Box和Google Maps

1 个答案: