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

标签 javascript ruby-on-rails google-maps iframe

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

<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 文件中时它工作正常。但在我的例子中, map 是使用 javascript 实现的,就像下拉菜单一样。(见下文) 我什至尝试了给出的解决方案 here , 但没有结果。

http://prntscr.com/1ziry (这里的label其实是在左上角但是看不到)

请帮忙!

最佳答案

为什么要为此使用 iframe。我的猜测是,有一些 JS 魔法可以定位标记,而拥有 iframe 会把它搞砸。

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

关于javascript - iframe 中的谷歌地图不以标签/标记为中心,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6227793/

相关文章:

使用 UIwebview 显示使用 google maps api 的网页时,iOS 7 和应用程序崩溃

google-maps - Angular2 找不到命名空间 'google'

javascript - Slick slider - 在当前打开的基础选项卡中将事件类添加到第一个 <a>

ruby-on-rails - Rails - 同一模型的多个关联

ruby-on-rails - 将现有用户详细信息迁移到新的身份验证系统

ruby-on-rails - 是否可以在我的代码中为 rails 开发环境设置 ENV 变量?

javascript - 如何在页面加载时修复谷歌地图的缩放

javascript - 使用 d3.js 在 Y 轴上显示字符串值

javascript - 使用 queryselectorall、jquery、getelementsbyid、getelementsbyclassname 从 dom 中删除元素

javascript - 在javascript中验证邮政编码