7月

6

[原创]在zblog插入google maps地图 兼容任何博客

Filed Under 网页设计 

先把googlemaps.js放在script目录下，再修改模板页single.html,插入一段JS代码，如下：

1

<script src="<#ZC_BLOG_HOST#>script/googlemaps.js" type="text/javascript"></script>

再用管理员帐号登陆后台管理，进入 网站设置 –UBB设置及相关转换–自动替换回车符为换行标签(默认启用,除非全用HTML排版可设为False) –设置为 False

插入google maps直接使用UBB编辑插入源码，如下：

1
2
3
4
5
6
7
8
9
10
11
12

<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAA_W0tUzIq_fXaNJc8PRFwNhQTv-rer0TjA4s446H0qY1yHGNh8BTYqrqdSrPKZEKXNrYZT2h1W1MMjA" type="text/javascript">
</script>
<script type="text/javascript">
        //<![CDATA[
 
        MapPluginInit(
                /* Default maps width  */          510,
                /* Default maps height */          510,
                /* Use rel instad of title? */     false);
        //]]>
</script>
<a title="googlemap" href="http://maps.google.com/maps?ll=38.7243451948041,-93.5529024038937& z=16&t=k">美国怀特曼空军基地</a>

替换ABQIAAAA_W0tUzIq_fXaNJc8PRFwNhQTv-rer0TjA4s446H0qY1yHGNh8BTYqrqdSrPKZEKXNrYZT2h1W1MMjA为你申请的google maps api的KEY

替换38.7243451948041,-93.5529024038937为坐标

美国怀特曼空军基地 为提示标注

以上源码来自WordPress for google maps插件，理论上来说应该兼容任何程序，只需支持UBB编辑即可。


本文章由雨豪博客撰写,采用CC授权分享,转载时请注明原文链接。
本文链接: https://www.wx35.cn/archives/346/

随机文章

Comments

One Response to “[原创]在zblog插入google maps地图 兼容任何博客”

  1. 品色 jayo.5d6d.com/ on 十一月 15th, 2009 7:30 下午

    不错，