2011-06-03 69 views
2

我一直在尝试使用iframe嵌入Google地图。但问题在于它不是以标签/标记为中心,而是将标记置于左上角(不可见)。iframe中的Google地图不以标签/标记为中心

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.in/maps?f=q&amp;source=s_q&amp;hl=en&amp;geocode=&amp;z=8&amp;q=Chennai&amp;output=embed"/>

要注意的一点是,它工作正常,当我将其粘贴在一个HTML文件。但在我的情况下,地图是使用javascript实现的,就像下拉菜单一样。(参见下面) 我甚至尝试了解决方案here,但没有结果。

http://prntscr.com/1ziry(这里的标签实际上是在左上角,但没见过)

请帮助!

+0

SRY。我只是投票给他们。完成了! – Themasterhimself 2011-06-03 13:53:39

+0

你能分享更多的代码吗? – 2011-06-04 06:04:09

回答

0

对我来说,问题是当地图加载时iframe大小为0。我添加了一个延迟,加载了iframe后加载地图

这是我添加到脚本中的代码。 (应当运行为被加载为iframe中HTML的一部分):

<script> 
    window.onload=function(){loadMapDelayed();} 

    // delay map display by 100 milliseconds until iframe renders 
    function loadMapDelayed() { 
    setTimeout("loadMap()",100); 
    } 
    function loadMap() { 
    // existing code that loads the map 
    } 
</script> 

(感谢https://groups.google.com/forum/#!topic/google-maps-api/nN0y2pSr2dQ