在网页中插入 GOOGLE 卫星地图

最新推荐文章于 2018-09-11 16:41:24 发布

myicer

最新推荐文章于 2018-09-11 16:41:24 发布

阅读量757

点赞数

分类专栏： WEB 文章标签： Google IE Blog HTML

WEB 专栏收录该内容

23 篇文章

订阅专栏

本文介绍如何在网页中插入高清晰度的Google卫星地图。通过简单的步骤，包括打开Google地图、获取嵌入代码并将其放置在自己的网站上，即可实现地图的嵌入。但要注意地图加载速度及显示范围的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

看友人博客,讲到在网页中插入高清晰google卫星地图代码(http://bea.iteye.com/blog/188116),

遂记录一下添加过程 :)

1、打开 [url]http://maps.google.com[/url]

2、点击右上角 Link to this page，将弹出两行

a、Paste link in email or IM

此处代码为：[color=red]http://maps.google.com/maps?ie=UTF8&z=4[/color]

b、Paste HTML to embed in website

此处代码为：[color=red]<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?ie=UTF8&z=4&ll=37.0625,-95.677068&output=embed&s=AARTsJqzARj-Z8VnW5pkPMLMmZbqrJcYpw"></iframe><br /><small><a href="http://maps.google.com/maps?ie=UTF8&z=4&ll=37.0625,-95.677068&source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small>[/color]

3、我们复制b处代码，并在我们的页面中定义 table 或 div 区域，将代码放入即可。

4、ok，可以查看效果了，不过经我使用发现打开速度很慢，而且好多区域并不能完全显示。