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