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

Google map in iframe not centering on the label/marker

本文关键字：记为 为中心 标签 谷歌地图 iframe      更新时间：2023-09-26

我一直在尝试使用iframe嵌入谷歌地图。但问题是它没有以标签/标记为中心，而是将标记放在左上角（不可见）。

<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实现的，就像一个下拉列表。（见下文）我甚至尝试过这里给出的解决方案，但没有结果。

http://prntscr.com/1ziry（这里的标签实际上在左上角，但没有看到）

请帮忙！

为什么要使用iframe。我的猜测是，有一些JS魔法可以定位标记，如果有一个iframe，就会把它搞砸。

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

对我来说，问题是加载映射时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/#！主题/谷歌地图api/n0y2pSr2dQ）

相关文章：