11 12
发新话题
打印

[插件推荐] 让Google卫星 替你的网站打工[Google Maps Plugin]

让Google卫星 替你的网站打工[Google Maps Plugin]

很晚了,但我忍不住向大家推荐一款非常优秀,能够让你的网站更具吸引力的wordpress插件:Google Maps Plugin for WordPress。(该插件作者的网站:http://avi.alkalay.net/2006/11/g ... -for-wordpress.html
一、插件介绍
Google Maps Plugin 是一款免费的WordPress插件,它可以在自己的博客上实现Google Maps的地图功能,需要的朋友可以点击这里下载:Google Maps Plugin for WordPress
二、安装方法
Google Maps Plugin for WordPress插件的安装方法跟其它的WordPress插件差不多,将插件下载解压到[WORDPRESS_ROOT]/wp-content/plugins目录,然后到wordpress后台的插件管理处激活。
另外,你还需要到这里http://www.google.com/apis/maps/signup.html,去注册申请Google Maps API key(申请流程非常简单,填入你的网站地址即可),然后将Google Maps API key填写到Google Maps Plugin for WordPress插件的设置页面(如下图)。至此安装完成。
google maps,wordpress插件

三、使用方法
(一)简单地图功能,手工新建独立的html页面(不推荐)
1、到http://maps.google.com/maps去寻找你希望Google Maps默认显示的地区(我选择上海市);
2、选择地图显示模式、卫星显示模式或者综合显示模式;
3、然后点击右上角的“link”按钮,获得html代码(代码中的ll=31.359501,121.543121参数表示地图所显示的地理位置的座标);
4、手工新建一个html页面,将刚才的代码填入其中,再将该html页面文件上传到网站。
演示地址:http://howbuycar.com/googlemaps.html 效果图如下:google maps,wordpress插件

(二)复杂地图功能,嵌入到任意文章页面中(推荐)
1、将下面代码在HTML编辑模式下面添加到文章中
<dl title="googlemap;w:100%;h:400">
        <dt><a href="http://maps.google.com/?z=15&ll=-23.550887,-46.631985&om=1">Center of map</a></dt>
        <dt><a href="http://maps.google.com/?ll=-23.550592,-46.633122">map</a></dt>
        <dd><strong>Center of São Paulo</strong></dd>
        <dt><a href="http://maps.google.com/?ll=-23.547563,-46.631041">map</a></dt>
        <dd>Flea market</dd>
        <dt><a href="http://maps.google.com/?ll=-23.54535,-46.627693" title="marker">map</a></dt>
        <dd>Traditional market</dd>
        <dt><a href="http://maps.google.com/?ll=-23.54715,-46.637263">balloonless marker</a></dt>
        <dt><a href="http://maps.google.com/?ll=-23.555195,-46.635547" title="marker">map</a></dt>
        <dd>Japanese town</dd>
</dl>
演示地址:http://howbuycar.com/google-maps 效果图如下:google maps wordpress插件



2、参数说明googlemap以下所有参数均添加在googlemap之后,用 ; 号隔开;nocontrol or nocontrols是否添加地图缩放和地图位置控制;nomarker or nomarkers是否显示marker位标记;w:SIZE_IN_PIXELS and h:SIZE_IN_PIXELS显示地图的尺寸大小;w:PERCENT% and h:PERCENT%控制地图相对于屏幕的高度和宽度;下面是上述参数的使用范例:
googlemapRenders a map with controls, marker an default sizes, as specified in the plugin’s admin page, under WP Options.googlemap;nocontrols;w:300;h:200Renders a 300×200 map with marker but no zoom controls.googlemap;nomarker;nocontrols;w:100;h:100Renders a small 100×100 map without marker and zoom controls.googlemap;nomarker;nocontrols;w:100%;h:300Renders a maps that fills the full width available with a 300 pixels height, without markers and zoom controls.OK,介绍完了,大家可以利用该插件,在about页面,准确地显示出自己的所在地;也可以在旅游之后,对自己所游玩的景点,以地图的形式介绍给大家。自由发挥吧,希望这个Google Maps插件让你的网站更加生动有趣,更加有吸引力^_^

PS.本人的英文水平很烂,写这篇文章花费了不少时间,如果转载,请注明出处;)
http://www.simpleseo.cn/wordpress/google-maps-plugin-for-wordpress
www.SimpleSEO.cn

TOP

谢谢分享
完美实惠wp空间       我的 简爱
WP群74015724

TOP

这篇文章是从自己的博客上直接复制过来的,但是看过的朋友,都说“应该很有趣”,看来目前还没有人去尝试,鸣~
www.SimpleSEO.cn

TOP

功能强大的插件,感谢分享。

TOP

会不会增加网站负担啊?

TOP

试试

TOP

只要是插件,总归要占资源的,这个插件吃资源的程度怎么样我也不清楚,我没有安装到我自己的博客,而是装到一个垃圾站上做的试验。
www.SimpleSEO.cn

TOP

谢谢分享
.                          GOOG         |     HK'S  BLOG
                           HPC™        |      高性能计算™      www.hkhpc.com

TOP

兄弟,图片都看不到
来歪歪小站坐坐? => 歪歪的代码人生
和歪歪交换链接? =>请登记

if (回帖)您['rp']++;

TOP

兄弟图片看不到

TOP

 11 12
发新话题