jquery - 如何居中嵌入的谷歌地图

Question

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

<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吗？