Google嵌入式iframe显示完整的世界地图(不是位置)

时间:2014-02-25 21:33:47

标签: google-maps

<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d26008.43855814021!2d-78.795673!3d35.428672!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xf25f9e0e1fa54ed!2sLillington+Veterinary+Hospital!5e0!3m2!1sen!2sus!4v1393359301118" width="450" height="200" frameborder="0" style="border:0"></iframe>

我正在使用上面的代码在网站上嵌入谷歌地图预览。但问题是,当放置在网站上时,它会一直缩放到整个世界地图。当我在创建地图时在谷歌地图上点击预览嵌入尺寸(自定义尺寸)时,它会完美显示。

屏幕截图显示了它在网站上的显示方式:https://productforums.google.com/forum/#!category-topic/maps/issues-and-troubleshooting/maps/mac/chrome/KaQPRdnK4ZU

我做错了吗?我是新手嵌入谷歌地图。

1 个答案:

答案 0 :(得分:5)

这似乎有效:

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?t=m&amp;hl=en-GB&amp;gl=US&amp;mapclient=embed&amp;ie=UTF8&amp;ll=35.432002,-78.795919&amp;spn=0.04336,0.084543&amp;z=14&amp;iwloc=lyrftr:m,1091553228966483181,,&amp;output=embed"></iframe><br /><small><a href="https://maps.google.com/maps?t=m&amp;hl=en-GB&amp;gl=US&amp;mapclient=embed&amp;ie=UTF8&amp;ll=35.432002,-78.795919&amp;spn=0.04336,0.084543&amp;z=14&amp;iwloc=lyrftr:m,1091553228966483181,,&amp;source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small>

见这里:http://jsfiddle.net/5zpd9/

在Google地图的older version上,点击链接图标时为您提供了嵌入链接:

enter image description here

哦,按{分享和嵌入地图'可以链接newer version

enter image description here

将使用以下内容显示较新版本:

<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d26008.454059026204!2d-78.795912!3d35.428624!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0xf25f9e0e1fa54ed!2sLillington+Veterinary+Hospital!5e0!3m2!1sen!2sus!4v1393365205127" width="600" height="450" frameborder="0" style="border:0"></iframe>

http://jsfiddle.net/5zpd9/1/