嵌入在iFrame中的Google maps API不以lat / long为中心

时间:2010-09-27 06:57:30

标签: javascript google-maps iframe

我使用Google Maps API创建了一个简单的HTML页面,然后我将其嵌入到另一个页面的iFrame中。

页面在iFrame外部工作正常但是当在iFrame中时,窗口位置不会滚动到标记的中心。

这里有一个例子:http://webfe.omega.studiocoast.com.au/epping-club.aspx并点击俱乐部位置。

在阅读本文时,我想知道为什么我使用iFrame而是直接从父页面调用API ...

但是关于我的第一个问题的任何建议都很棒:)

2 个答案:

答案 0 :(得分:4)

经过多次搜索,我发现问题与嵌入jQuery手风琴中的iFrame有关。它最初在手风琴被卷起时正确呈现,但当它被滚下时,地图位置被抛出。

通过创建一个新的事件来管理修复标记位置,当手风琴滚下来重新渲染iFrame和地图位置时,该事件会被触发。

答案 1 :(得分:1)

这是因为你将http://webfe.omega.studiocoast.com.au/media/Assets/Maps/EppingMap.html嵌入到一个不适合整个屏幕的iframe中(你实际上正在切割图像而只显示地图的右角)..我宁愿直接嵌入地图谷歌,因为你可以复制你想要的确切大小的地图..

如果你想按自己的方式去做,我建议你看一下直接从谷歌嵌入时发现的javascript。

在firefox中打开此链接并使用firebug进行分析..然后我猜你会找到你需要的东西。

http://maps.google.no/maps/empw?url=http:%2F%2Fmaps.google.no%2F%3Fie%3DUTF8%26ll%3D61.143235,9.09668%26spn%3D14.594437,39.506836%26z%3D5%26output%3Dembed&hl=no&gl=no