2011年3月16日星期三

在网站中嵌入谷歌地图

不知道为什么突发奇想,想在博客中显示地图,再在地图上标注所去过的地方,以此来记录自己的足迹。我内心深处有两点要求:一、尽量用使用人数比较多的服务,这样的话不至于服务突然挂掉了,我的所有的足迹记录丢失。二、能方便地放在网站或者博客上,而且以后不需要做代码或者其他地方的修改,还可以很方便地添加地图上的足迹记录。

下面就是来寻找这样的服务了。开始想找Wordpress的插件,看有没有现成的插件,未果。然后找Google maps相关的服务,可大多是介绍怎么把谷歌地图用代码放到网站上的,未果。几经周折,找到一个差不多可以实现的该功能的服务了wolpy,它是基于Google maps的。首先注册账户,然后添加城市名,所添加的信息就会显现在谷歌地图上了,之后导出所提供的HTML代码,再把这些代码加到自己网站合适的地方。

又一想谷歌让别人使用自己的服务,为人作嫁,难道自己这么傻不知道也提供相似的服务吗。于是乎,打开谷歌地图,发挥主观能动性,努力来寻找。功夫不负有心人还真让我找到了,原来谷歌地图原生态支持自定义地图,我们可以使用这个自定义的地图来作为“走过的足迹”。下面就来介绍,如何在自己的博客网站中添加谷歌地图来记录自己的足迹。步骤如下:

1、登录谷歌地图页面。以这个地址为例http://ditu.google.cn/maps?hl=zh-cn&tab=wl

2、点击左上角“我的地图”链接。

1

3、点击“开始”按钮。

2

4、登录谷歌地图的账户。

5、点击“我的地图”下的“创建新地图”链接。

4

6、填入所创建的用于记录足迹的地图标题和说明。

5

7、点击“完成”按钮。

8、接下来就可以在这个新创建的自定义地图上标注你所走过的足迹,到过的城市或者其他的什么地方了。

9、标注完成,点击“分享链接”链接,把HTML代码嵌入到网站中就行了。当然你也可以点击“自定义并预览内嵌地图”来修改嵌入地图的大小。

6

7

10、也许你希望所创建的地图让别人来共同编辑,一起记录走过的足迹的话。可以通过点击左上角的“协作”链接,邀请其他人或者任何人来对地图进行编辑,添加城市足迹。

8

9

这样谷歌地图就嵌入到您的网站了,之后您不需要再对代码做任何的修改,只需要登录谷歌地图账户对您所创建的地图做修改、编辑、添加足迹就行了。

下面就是我所创建的地图嵌入到网页的效果。



在较大的地图中查看我们走过的地方


如果有兴趣也要在网站或者博客上分享自己的足迹哦。

没有评论:

发表评论