您现在的位置是:首页 > cms教程 > Discuz教程Discuz教程
Discuz自定义Discuz Code实现论坛地图插件
柯独杜2025-07-04Discuz教程已有人查阅
导读看了非常多的论坛地图插件和博客地图插件,总觉得不是很好用,不是安装太复杂就是使用太复杂,而且效果也是差强人意。最近在做MapURL.info的网站
看了非常多的论坛地图插件和博客地图插件,总觉得不是很好用,不是安装太复杂就是使用太复杂,而且效果也是差强人意。最近在做MapURL.info的网站,就是一个通过URL分享地图的简单网站(详细介绍),于是乎想把网站的功能搬到博客和论坛。其实,不管是谁开发的地图插件,基本上都是通过插入一个iframe实现,于是我做了iframe,而论坛一般会限制iframe,所以将iframe通过Discuz Code(UBB code也是同理)来实现,这样在论坛也就可以显示地图了。好吧,我们具体来讲解一下需求和操作吧。
我一般先想好需求然后再开始做页面,那么论坛地图插件主要实现的是什么呢?当然是显示地图。但地图有简单和复杂之分啊,那用数据库?我不想用数据库,因为数据库的操作不仅仅写代码太麻烦,而且使用的时候也会变的很复杂。其实细想一下,插入一份地图,最简单的就是一个marker,复杂的则可能有多个点或线等对象,对于简单的地图我们不使用数据库就可以实现,对于复杂地图难道一定要用数据库吗?即使用到数据库,也不一定完全能够表达出一个复杂的地图,或者由于操作的过于繁杂而让他人本身就不想放置一份地图了,不过,如果在本地通过软件先将复杂地图编辑好,做成一份gpx或者kml文件,也许是不错的。所以,需求就是显示一个地图,可以简单可以复杂,复杂的就通过加载gpx或者kml文件来实现,另外就是在发贴操作的时候要简单。而值得高兴的是,我在做MapURL.info的时候就已经实现了这些功能,大家可以通过帮助页面看到这几大功能,而我现在只需要在论坛中简单插入地图就可以了。
说了这么多废话回过头来说安装。如果说论坛本身支持iframe那么我也就没有写这个帖子的必要了,但虽然论坛不支持iframe不过我们作为管理员倒可以让用户插入iframe,这个方法就是通过自定义Discuz Code的方法实现。
进入论坛后台管理-界面-编辑器设置-Discuz!代码,新增一个mapurl的标签。
其中map.gif是一个图标,我做了一个,可以直接另存为map.gif到你的电脑,然后将map.gif上传到论坛的images\common目录下,当然你也可以自己定制一个。新增完成后点详情进行设置,
其中,替换的内容为:
点那按钮,然后输入地图控制代码,提交后就表示插入了一个地图。 效果
当然,你也可以插入其他一些地图控制代码,比如复杂的展示一个kml文件
罗嗦的说了非常多,边聊天边写这篇日志,所以很乱糟糟,大家将就着看吧。如果有什么问题欢迎留言,我尽量解答。如有好的建议也欢迎提出哦。之后也希望我的MapURL.info网站能够给你带来一些方便吧。
我一般先想好需求然后再开始做页面,那么论坛地图插件主要实现的是什么呢?当然是显示地图。但地图有简单和复杂之分啊,那用数据库?我不想用数据库,因为数据库的操作不仅仅写代码太麻烦,而且使用的时候也会变的很复杂。其实细想一下,插入一份地图,最简单的就是一个marker,复杂的则可能有多个点或线等对象,对于简单的地图我们不使用数据库就可以实现,对于复杂地图难道一定要用数据库吗?即使用到数据库,也不一定完全能够表达出一个复杂的地图,或者由于操作的过于繁杂而让他人本身就不想放置一份地图了,不过,如果在本地通过软件先将复杂地图编辑好,做成一份gpx或者kml文件,也许是不错的。所以,需求就是显示一个地图,可以简单可以复杂,复杂的就通过加载gpx或者kml文件来实现,另外就是在发贴操作的时候要简单。而值得高兴的是,我在做MapURL.info的时候就已经实现了这些功能,大家可以通过帮助页面看到这几大功能,而我现在只需要在论坛中简单插入地图就可以了。
说了这么多废话回过头来说安装。如果说论坛本身支持iframe那么我也就没有写这个帖子的必要了,但虽然论坛不支持iframe不过我们作为管理员倒可以让用户插入iframe,这个方法就是通过自定义Discuz Code的方法实现。
进入论坛后台管理-界面-编辑器设置-Discuz!代码,新增一个mapurl的标签。
其中map.gif是一个图标,我做了一个,可以直接另存为map.gif到你的电脑,然后将map.gif上传到论坛的images\common目录下,当然你也可以自己定制一个。新增完成后点详情进行设置,
其中,替换的内容为:
<iframe src="http://mapurl.info/if/#{1}" width="640" height="480" frameborder="0" marginwidth="0" scrolling="no" marginheight="0"></iframe>
就是一个iframe而已,而#后面的内容通过输入获得。需要说明一下的是:http://mapurl.info/if/#这个地址,我暂时还没有单独提取出来,后期将提取出来后让大家放置在自己的网站上,以避免我的网站速度慢而影响效果。设置完成这些后,你发表日志的时候就可以看到插入地图的按钮了。点那按钮,然后输入地图控制代码,提交后就表示插入了一个地图。 效果
当然,你也可以插入其他一些地图控制代码,比如复杂的展示一个kml文件
[mapurl]wttghbcf7uxvm13-http%3A%2F%2Fmapurl.info%2Fyangchenghuchixie.kml[/mapurl]
更多地图控制代码可以通过MapURL.info中获得,我们提供了向导页面,按照向导生成代码即可,所有方法都可以通过帮助获得。罗嗦的说了非常多,边聊天边写这篇日志,所以很乱糟糟,大家将就着看吧。如果有什么问题欢迎留言,我尽量解答。如有好的建议也欢迎提出哦。之后也希望我的MapURL.info网站能够给你带来一些方便吧。
本文标签:
很赞哦! ()
图文教程
阿里云OSS搭建discuz步骤教程
discuz 使用阿里云OSS说明:我绑定了二级域名,本演示采用二级域名oss来介绍,我实际使用的是二级域名pic。新手第一次分享使用经验,望各位大神手下留情...
Discuz开源论坛本地部署自动生成数据库的方法
这个版本可能比较有点老,但是万变不离其宗,再新的版本都是在已有的基础上更新的,所以掌握方法是最重要的!(安装成功的论坛首页)(后台管理登录页)
LR实战Discuz开源论坛登录脚本
脚本业务流:访问Discuz论坛首页--登录论坛--退出论坛。本次使用LoadRunner11版本。一、录制脚本注意1、确保Discuz论坛能在服务器运行正常。2、录制前先试访问Discuz论坛注册一个测试用户。
Discuz常见问题制作一个独立页面
首先参考Discuz如何自定义单个页面的文章,确保你已经能做一个"关于我们"这种纯HTML静态页面(只有文字和静态图片描述)。其次参考下面的文件修改原来的htm文件
相关源码
-
(自适应)绿色农业机械设备农场网站源码下载为现代农业机械领域打造的响应式网站模板,采用PbootCMS内核开发,数据实时同步后台管理。通过简洁大气的视觉设计,有效展示农机产品技术参数与应用场景,帮助客户快速建立专业数字化形象。查看源码 -
(PC+WAP)盆栽绿植观赏植物花卉租赁免费pbootcms网站模板为花卉盆栽租赁、园林绿化企业打造的PbootCMS网站模板,采用较新内核开发,PC与移动端数据实时同步。通过清新自然的视觉设计,精准展现植物养护、花卉展示等业务场景,帮助用户快速建立专业级行业网站。查看源码 -
帝国cms7.2淘宝客导购自媒体博客网站模板源码本模板基于帝国CMS7.2内核深度开发,为淘宝客、商品导购类自媒体及博客网站设计。通过可视化后台管理,可快速搭建具备商品推荐、比价功能的内容平台,帮助用户实现流量高效转化。查看源码 -
(自适应响应式)英文外贸汽车零配件五金机械网站模板为汽车零部件制造商与五金机械出口企业打造的响应式网站模板,内置多语言切换功能,支持产品参数表、OEM能力展示等外贸场景需求。通过结构化数据展示帮助海外买家快速理解产品规格。查看源码 -
WordPress主题模板JustNews资讯博客类源码V5.2.2JustNews主题针对博客创作、自媒体运营及资讯发布类网站的需求而设计,提供专业的内容展示与管理方案。该主题集成前端用户中心功能,支持用户在前端界面发布和投稿文章,操作流程简洁高效。查看源码 -
HTML5响应式健身俱乐部pbootcms网站模板下载为健身俱乐部、瑜伽中心及运动场馆设计的响应式网站模板,采用PbootCMS内核开发,支持一键替换图文适配健身器材销售、瑜伽工作室等多类型运动健康产业。查看源码
| 分享笔记 (共有 篇笔记) |
