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编辑即可。
随机文章
Comments
One Response to “[原创]在zblog插入google maps地图 兼容任何博客”
不错,