pjblog添加使用FCK编辑器增强版+谷歌地图插件


 

FCK编辑器增强版+谷歌地图插件,论坛的插件,修改到一块博客里使用了。如果原来用了FCK编辑器增强版了,谷歌地图的插件修改如下(也可直接下载覆盖,不过注意修改文件时最好先备份下原来的文件以防意外):

FCK编辑器谷歌地图插件

首先请下载谷歌地图插件文件包,解压后整个目录上传到FCK编辑器目录下的editorplugins目录下

然后,打开FCK编辑器目录下的fckconfig.js文件,找到如下一句代码

FCKConfig.PluginsPath = FCKConfig.BasePath + 'plugins/' ;   

在其下一行插入一句代码如下

FCKConfig.Plugins.Add( 'googlemaps','zh-cn') ;   

然后找到FCK工具栏按钮设置代码,我这里以图片按钮为例

,'Image',   

在其后插入谷歌地图按钮代码

'googlemaps',   

然后在此文件的最后添加一句KEY代码如下

FCKConfig.GoogleMaps_Key = 'ABQIAAAAlXu5Pw6DFAUgqM2wQn01gxT2yXp_ZAY8_ufC3CFXhHIE1NvwkxSy5hTGQdsosYD3dz6faZHVrO-02A';   

但是其中的KEY需要你去谷歌地图为自己的网站申请,并替换一下。KEY申请页面如下http://code.google.com/apis/maps/signup.html

到这一步就安装完毕了。

剩下的就是使用了,我专门为大家把这个谷歌地图插件做了一个中文语言文件,所以当大家需要使用此插件时,点击谷歌地图按钮,就会出现中文的插件界面,使用起来也很简单。

“地图”选项卡中,这里设置地图显示的大小、俯视缩放比例、地理经纬度

“搜索”选项卡中,可以通过搜索“地标”来快速对地图进制定位,比如输入“北京宫故”,点击搜索,那么地图会快速定位在北京故宫

“标签”选项卡中,可以在地图添加地标标签,并在标签中添加文字说明

“线标”选项卡中,通过双击添加线标点,构成线标路径

最后点击确认将设置好的地图插入日志中。OK
如需转载请注明原文出处:http://www.tetebaobei.cn/article.asp?id=56

 

点击下载此文件

// FCK googlemapsEnd v1.97
function AddMarkers( map, aPoints )
{
    for (var i=0; i ;
        map.addOverlay( createMarker(new GLatLng(point.lat, point.lon), point.text) );
    }
}
function createMarker( point, html )
{
    var marker = new GMarker(point);
    GEvent.addListener(marker, "click", function() {
        marker.openInfoWindowHtml(html, {maxWidth:200});
    });
    return marker;
}
if (window.addEventListener) {
    window.addEventListener("load", CreateGMap2009410214329, false);
} else {
    window.attachEvent("onload", CreateGMap2009410214329);
}
onunload = GUnload ;

点赞 (0)

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

Captcha Code