Question

我有一个通过AJAX加载远程页面的fancybox。此页面使用JQuery Tabs插件。在默认情况下未激活的选项卡上有一个嵌入式Google Map。调用Google地图的代码是

<iframe width="740" height="380" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?z=16&amp;t=m&amp;q=<?= $geo['latitude'] ?>+<?= $geo['longitude'] ?>&amp;hl=ru&amp;output=embed"></iframe>

结果地图显示左上角的搜索位置。我想将地图置于坐标$geo['latitude']和$geo['longitude']中心。

我尝试添加不同的查询参数，例如ll，sll，但没有成功。我还尝试将Fancybox的iframe预加载设置为false - 没有结果。我该怎么办？

Answer 1

考虑以下示例：

<iframe width="740" height="380" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;q=Museum+near+Washington,+United+States&amp;aq=0&amp;sll=40.702863,-74.055748&amp;sspn=0.025669,0.055747&amp;ie=UTF8&amp;hq=Museum&amp;hnear=Washington+D.C.,+District+of+Columbia&amp;ll=38.913976,-77.05111&amp;spn=0.052698,0.111494&amp;t=h&amp;z=14&amp;iwloc=A&amp;cid=4718114823360363843&amp;output=embed"></iframe>

使用ll参数进行操作以使地图居中。

您是否也看过官方Google Maps API？

如何嵌入嵌入式Google地图

1 个答案: