我使用Google Maps API创建了一个简单的HTML页面,然后我将其嵌入到另一个页面的iFrame中。
页面在iFrame外部工作正常但是当在iFrame中时,窗口位置不会滚动到标记的中心。
这里有一个例子:http://webfe.omega.studiocoast.com.au/epping-club.aspx并点击俱乐部位置。
在阅读本文时,我想知道为什么我使用iFrame而是直接从父页面调用API ...
但是关于我的第一个问题的任何建议都很棒:)
答案 0 :(得分:4)
经过多次搜索,我发现问题与嵌入jQuery手风琴中的iFrame有关。它最初在手风琴被卷起时正确呈现,但当它被滚下时,地图位置被抛出。
通过创建一个新的事件来管理修复标记位置,当手风琴滚下来重新渲染iFrame和地图位置时,该事件会被触发。
答案 1 :(得分:1)
这是因为你将http://webfe.omega.studiocoast.com.au/media/Assets/Maps/EppingMap.html嵌入到一个不适合整个屏幕的iframe中(你实际上正在切割图像而只显示地图的右角)..我宁愿直接嵌入地图谷歌,因为你可以复制你想要的确切大小的地图..
如果你想按自己的方式去做,我建议你看一下直接从谷歌嵌入时发现的javascript。
在firefox中打开此链接并使用firebug进行分析..然后我猜你会找到你需要的东西。