iframe中的谷歌地图不以标签/标记为中心
Google map in iframe not centering on the label/marker
我一直在尝试使用iframe嵌入谷歌地图。但问题是它没有以标签/标记为中心,而是将标记放在左上角(不可见)。
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.in/maps?f=q&source=s_q&hl=en&geocode=&z=8&q=Chennai&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)
- jquery返回边距为0的绝对中心
- 以Jquery为中心的Div中的图像对齐
- 在bootstrap3模式中以谷歌地图为中心发布..不断变化
- 谷歌地图API v3:如何以2个动态地址为中心
- 以手机为中心的Bootstrap导航栏品牌
- 以谷歌地图为中心,使用标记调整响应大小
- 允许HTML5 web应用程序在浏览器关闭时访问位置'以t为中心(iOS)
- 当用户使用JavaScript键入内容时,如何设置以搜索输入为中心
- 将鼠标位置(0,0)设置为画布的中心
- 使用javascript绘制多个以数组元素为文本中心的圆
- 用CSS居中内联块DIV“:在“;以垂直和水平为中心的废墟文本
- 用于以用户体验为中心的web应用程序回归测试的工具和技术
- 如何让我的Javascript只显示一个以鼠标为中心的聚光灯
- 在没有科学记数法的情况下将大数字转换为字符串
- CFGMap 谷歌地图 API V3 始终以长/纬度为中心地图
- 你如何制作一个以具有特定标签的地址为中心的谷歌地图
- 以悬停工具提示样式的子导航为中心不起作用
- 以 jQuery 为中心的文本框在 Safari 中输入一个字符后失去焦点
- 设置中心为谷歌地图在角度模态
- 如何将各种元素转换为绝对中心