演示:
http://www.ganmaoyao.com/archives/shenghuo/google-earth-ning-bo.html
还算比较简单的,首先了解一下Google Maps 是 google 公司推出的一款网上地图工具，通过AJAX技术实现无刷新、可拖动、高性能的网页程序。
在zblog里面,需要改一下复制内容到剪贴板
代码:
<body class="single" o nload="load()" o nunload="GUnload()">然后写文章的时候加载一个js文件就行了,比如我在宁波地图的时候加载了一个1.js,先上传到空间上.比较喜欢zblog的文件修改功能.大家可以打开看一
http://www.ganmaoyao.com/1.js里面的内容.
在文章中插入
,复制内容到剪贴板
代码:
<script language="JavaScript" src="http://www.ganmaoyao.com/1.js" type="text/javascript"></script>注意这里需要用你自己的key,每一个域名都有自己的key,调用我的js在你的网页上是不能显示的,可以在本地电脑新建一个网页然后复制一下看看效果.
在这里申请key:
http://www.google.com/apis/maps/signup.html
在1.js文件里<script src=
http://maps.google.com/maps?file=api&v=2&key=改成你申请来的key" type="text/javascript"></script>
想要显示自己家的地图.
只要修改这里的地标就可以了 map.setCenter(new GLatLng(29.873545655686,121.536598205570002), 12);
设置地标就行了,后面的12是地图放大放小的(你可以自己修改一下),至于你家里的地标多少,可以到这里查
http://www.eemap.org/
var point = new GLatLng(29.865879473690174,121.554536819458022);
map.addOverlay(createMarker(point, "琴桥"));
这里是在地图上标志你家的位置,比如这里的琴桥.
不同文章显示不同的地图,只需要加载不同的js文件就行了,就比如上面的两篇文章(我想应该可以用插件类的在后台直接添加地标的形式实现的,呵,不会编,不过就这样也行了,特别是在主页上显示自己家里的地图,很炫吧,建议多上传几个js文件,因为在zblog后台可以文件管理,改下地标就行了).
没有牵涉什么编程的,比较简单.
[
本帖最后由 skywcc 于 2007-4-25 15:46 编辑 ]
