2009年9月17日星期四

精品博客

精品博客


在博客文章中显示 Google 地图的三种方法

Posted: 16 Sep 2009 08:40 PM PDT

如果博客文章里面涉及到地点,那么为这个地点配上地图则不但有利于读者识别,而且也使得文章图文并茂。

那么,如何在博客文章里面显示地图呢?以下是三种在博客上显示 Google 地图的方法:

一、通过 Google 地图网站插入地图

直接复制 Google 地图上的代码并粘帖到自己的博客上,具体操作如下:

1、在 Google 地图上找到你的地点:

南沙天后宫

2、自定义 Google 地图

默认的地图尺寸是 425px (宽) X 350px (高),不过你可以根据自己博客页面的情况选择合适的尺寸,并选择是按地图、卫星还是地形的格式显示 google 地图,还可以选择是否在卫星地图上显示标签。

南沙天后宫

3、把代码插入到博客文章中

地图选好了之后,把 HTML 代码复制粘贴到博客文章中就可以了。

二、通过 Apture 插件插入地图

Apture 是一个免费的插件,可以用来在 WordPress、Blogger、TypePad 等多种博客平台上插入多媒体或者添加链接。关于 Apture 的具体功能,Free Nuts 有比较详细的描述。

你可以通过 Apture 插件直接搜索 Google 地图,然后把搜索到的地图插入到博客文章里面。

南沙天后宫

不过,如上图所示,Apture 上搜索到的地图有时候可能会不准确。

在博客文章里插入地图,会增加页面空间,如果你不想插入地图,但是又想在博客上显示地图,那么就可以通过 Apture 添加链接。

三、通过 Apture 插件添加链接

也就是通过添加链接,使得读者点击那个链接的时候,Google 地图就会出现于当前页面,例如:

南沙天后宫

那么如何找到地点对应的 Google 地图链接呢?有两种方法,一是通过 Google 地图网站进行搜索,然后把对应的链接复制下来,再通过 Apture 把链接添加到对应的地点上;二是通过 Apture 插件进行搜索并直接添加链接。明显第二章方法要简单点。

-------------------------------------


© 逛逛精品博客,看看博客精品。| 转载请遵循"署名-非商业性使用"的创作共用协议。


没有评论:

发表评论