<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
我做错了吗?我是新手嵌入谷歌地图。
答案 0 :(得分:5)
这似乎有效:
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/maps?t=m&hl=en-GB&gl=US&mapclient=embed&ie=UTF8&ll=35.432002,-78.795919&spn=0.04336,0.084543&z=14&iwloc=lyrftr:m,1091553228966483181,,&output=embed"></iframe><br /><small><a href="https://maps.google.com/maps?t=m&hl=en-GB&gl=US&mapclient=embed&ie=UTF8&ll=35.432002,-78.795919&spn=0.04336,0.084543&z=14&iwloc=lyrftr:m,1091553228966483181,,&source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small>
见这里:http://jsfiddle.net/5zpd9/
在Google地图的older version上,点击链接图标时为您提供了嵌入链接:
哦,按{分享和嵌入地图'可以链接newer version:
将使用以下内容显示较新版本:
<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>