iframe中的Google地图不以标签/标记为中心

Question

我一直在尝试使用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（此处标签实际位于左上角但未见到）

请帮助！

Answer 1

为什么要使用iframe？我的猜测是，有一些JS魔法可以定位标记并且有一个iframe会搞乱它。

使用Javascript API，您不会遇到任何问题。 http://code.google.com/apis/maps/documentation/javascript/tutorial.html

Answer 2

对我来说，问题是加载地图时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）