在做一些企业网站时,一般在联系我们栏目会留下企业的地址,并且会附上一个简单的地图标示企业的地理位置,方便浏览者查看。一般这个地图都是通过绘图软件制作的,现在再也不用这么麻烦了,Google Maps 推出了一个新功能,可以将地图直接显示到网页上,并且地图是可操作的,可以放大缩小、改变位置等(国内的一些在线地图服务商,比如 51Ditu ,也有类似功能)。

方法也很简单,登录 Google 地图,导航到您要显示的目标位置,点击“显示本页链接”,然后复制“粘贴 HTML 以便嵌入网站”下面的代码到你的网页即可:

<p>
<iframe width="490" height="350" frameborder="no" scrolling="no" marginheight="0" marginwidth="0" src="http://ditu.google.com/maps?f=q&hl=zh-CN&geocode=&q=%E9%95%BF%E6%98%A5&sll=51.828988,145.83252&sspn=0.118182,0.32135&ie=UTF8&ll=43.901356,125.333233&spn=0.068911,0.160675&z=13&om=1&output=embed&s=AARTsJpEtQWAdn6Cf-6ubSxqfJ3jhN54DA"></iframe>
<br/>
<a href="http://ditu.google.com/maps?f=q&hl=zh-CN&geocode=&q=%E9%95%BF%E6%98%A5&sll=51.828988,145.83252&sspn=0.118182,0.32135&ie=UTF8&ll=43.901356,125.333233&spn=0.068911,0.160675&z=13&om=1&source=embed" style="color:#0000FF;text-align:left;font-size:small">查看大图</a>
</p>

效果如下:


查看大图

修改代码里的 width 和 height 属性可以改变 Google 地图在你网页上的显示大小。

如果你使用的是 Google Maps,还可以嵌入显示卫星地图。

PS:Google Earth 最近推出了繁体中文版,命名为 Google 地球,在这儿下载。