在帖子里直接添加地图，可能很多站长需要。从“关于我们”插件得到启发，通过修改相关文件在编辑器中实现了这个功能（本人不太懂js，本文所陈述的修改的部分代码，可能有所冗余，希望高手指点），希望能给需要此功能的站长启发和帮助。先看截图：
下图为在编辑器中嵌入的按钮以及弹出的操作框。
选定地图后，点提交，自动插入到输入框中。
下面是文件的一些说明，大家也可以直接下载附件，上传覆盖即可！本文中相关文件的使用，如有疑问，可与我联系，yongbing@ichangning.com，如果大家觉得实用，就顶一个，谢啦！
1、修改的相关文件
staticjseditor.js
emplatedefaultcommoneditor.css
emplatedefault orumpost_editor_body.htm
2、添加的相关文件
googlemap文件夹
staticimagecommonmap.gif
3、修改步骤
1）打开editor.js
搜索“function discuzcode(cmd, arg) ”函数；
在以下代码- if(in_array(cmd, ['sml', 'url', 'quote', 'code', 'free', 'hide', 'aud', 'vid', 'fls', 'attach', 'image', 'pasteword',
后添加'googlemap'，变为
- if(in_array(cmd, ['sml', 'url', 'quote', 'code', 'free', 'hide', 'aud', 'vid', 'fls', 'attach', 'image', 'pasteword', 'googlemap']) || cmd == 'tbl' || in_array(cmd, ['fontname', 'fontsize', 'forecolor', 'backcolor']) && !arg) {
在“function showEditorMenu(tag, params)”函数的第一个“case 'pasteword':......break”后增加以下代码
- case 'googlemap'://此case画出googlemap对话框by yongbing@ichangning.com
- stitle = '插入google地图';
- str = '<p class="px" style="height:390px"><iframe id="' + ctrlid + '_param_1" frameborder="0" style="width:100%;height:100%" onload="this.contentWindow.document.body.style.width=\'530px\';this.onload=null" src="./googlemap/googlemap.html"></iframe></p><p class="xg2 pbn">通过搜索插入google地图（暂只支持单点标注）！</p>';
- menuwidth = 600;
- menupos = '00';
- menutype = 'win';
- //var mapurl=this.frames[ctrlid+'_param_1'].document.getElementById("addMap").click(pasteMap);
- break;
在第二个“case 'pasteword':......break”后增加以下代码
- case 'googlemap':////此case执行googlemap对话框与输入框的传值by yongbing@ichangning.com
- var mapsrc = window.frames[ctrlid + '_param_1'].document.getElementById("mapurl").value;
- var str = '<img src=' + mapsrc + ' border=0 />';
- //alert(str);
- if(wysiwyg) {
- insertText(str, str.length, 0, false, sel);
- }else {
- insertText('[img]' + mapsrc + '[/img]', 0, 0, false, sel);
- }
- hideMenu('', 'win');
- break;
该文件修改完成。
2）打开editor.css文件
在头部添加以下代码
- #e_googlemap { background:transparent url({STATICURL}image/common/map.gif) no-repeat 0 0; overflow: hidden;background-position: 5px 1px;}
此文件修改完成
3）打开post_editor_body.htm文件
找到“<a id="{$editorid}_fls" title="{lang e_flash_title}">{lang e_flash}</a>”，在其后添加以下代码
- <a id="{$editorid}_googlemap" title="插入google地图">地图</a><!--添加googlemap按钮-->
此文件修改完毕。
注：添加在这里的话，该功能的使用权限与多媒体代码相同，也可放到其他地方。
4）将googlemap文件包上传到网站根目录。
5）即可。
效果如下：
googlemap_ichangning.rar
(44.48 KB, 下载次数: 17)
|
上一篇： 特效广告代码ForDZ7|X1.5|X2下一篇： Discuz不需要任何插件，巧用“论坛任务” 彻底防止注册机广告。（作者：茗香客）
|
，直接覆盖的
......另外，插入以后，变英文版地图了....
楼主
我以为是网页收录的那样的地图呢。