文档章节

【HERE地图开发记录(2)】finecms高级版添加Here地图字段类别

SevensChan
 SevensChan
发布于 2015/08/25 18:04
字数 1127
阅读 161
收藏 1

由于finecms的自定义字段类别属于系统自带项,需要增加的话就要加代码了,如果是普通的控件增加就相对简单,Here地图的话就略带点坑了,废话不说马上去片!

1.增加finecms字段类别

首先在dayrui/libraries/Field文件夹中增加我们自己的字段类别文件,因为同是地图项目,所以我直接复制Baidumap.php,改名为Heremap.php

打开Heremap.php后,我们可以先看看构造函数

/**
     * 构造函数
     */
    public function __construct() {
		parent::__construct();
		$this->name = IS_ADMIN ? lang('991') : ''; // 字段名称
		$this->fieldtype = array('INT' => 10); // TRUE表全部可用字段类型,自定义格式为 array('可用字段类型名称' => '默认长度', ... )
		$this->defaulttype = 'INT'; // 当用户没有选择字段类型时的缺省值
    }

其中name属性就是在系统中显示的名字,这里读取的是/dayrui/language/*/admin_lang.php 里面的message信息,为了以后finecms升级不冲突,我在这里就设一个偏远山区的下标991为我的名称信息(PS lang函数是CI框架的辅助函数,用以读取已加载的语言文件)

/*============个人开发部分=======*/
$lang['991']	= 'Here地图';

然后看到的是fieldtype,从解释上来看,是没屌用的,姑且认为是保存在系统表里面的字段类型,因为这个case里面没有使用到这个属性,这里就暂不做深究。

然后就可以返回到系统里面看看修改的效果

ok,因为系统是自动加载这个目录下的文件,所以我们也不需要改表就可以看到我们需要的东西了。

然后下面一个函数是option()函数,有注释不难理解就是用来在后台菜单录入时候需要用户去填的参数

/**
	 * 字段相关属性参数
	 *
	 * @param	array	$value	值
	 * @return  string
	 */
	public function option($option) {
	
		$option['city'] = isset($option['city']) ? $option['city'] : '';
		$option['level'] = isset($option['level']) ? $option['level'] : 15;
		$option['width'] = isset($option['width']) ? $option['width'] : 700;
		$option['height'] = isset($option['height']) ? $option['height'] : 430;
		
		return '<tr>
                    <th>'.lang('265').':</th>
                    <td>
                    <input type="text" class="input-text" size="10" name="data[setting][option][width]" value="'.$option['width'].'">
					<div class="onShow">px</div>
                    </td>
                </tr>
				<tr>
                    <th>'.lang('266').':</th>
                    <td>
                    <input type="text" class="input-text" size="10" name="data[setting][option][height]" value="'.$option['height'].'">
					<div class="onShow">px</div>
                    </td>
                </tr>
				<tr>
                    <th>'.lang('267').':</th>
                    <td>
                    <input type="text" class="input-text" size="10" name="data[setting][option][level]" value="'.$option['level'].'">
					<div class="onShow">'.lang('268').'</div>
                    </td>
                </tr>
				<tr>
                    <th>'.lang('269').':</th>
                    <td>
                    <input type="text" class="input-text" size="40" name="data[setting][option][city]" value="'.$option['city'].'">
					<div class="onShow">'.lang('270').'</div>
                    </td>
                </tr>
				';
	}

效果如下:

然后继续往下看,input函数就是显示我们地图的表单输出了,这里finecms使用了art.dialog来装我们的小地图酱,把函数中的调用action改为我们自己的heremap action(将m=baidumap 改为 m=heremap):

art.dialog.open("'.(MEMBER_PATH.'index.php?c=api&m=heremap&width='.$width.'&height='.$height.'&name='.$name.'&level='.$level.'&value='.$value.'&city='.urlencode($city)).'", {
						title: "Heremap",

然后我们去找到这个controller, 具体位置是在/member/controllers/Api.php

找到以后,把baidumap()函数拷贝在下面粘贴一个heremap()函数,将显示的模板改为

$this->template->display('heremap.html', 'admin');

OK,跟finecms的整合配置就到这里了,然后开始写heremap.html模板里的东东

2. 显示部分

在这部分其实已经跟finecms没太大关系了,主要就是here地图的使用,贴代码也没有太大意义了,这里我提供一个我写好的demo下载吧,代码未经优化~有洁癖的就别看了~顺便附送Here的JS api离线版

下载地址:http://share.weiyun.com/266cb7e6643b73371617014c0616dd52

heremap.php 放置在 \dayrui\libraries\Field

模板文件heremap.html放置在 \dayrui\templates\admin 

PS: 两个文件中的相关语言配置 在附近的language文件夹中的语言文件配置下就好了 为了不冲突这里就不放出来了

API文档是官方最新的英文版


3. 更新部分

在使用中还有一个地方要添加代码,这部分是我觉得finecms写得不好的地方

具体文件是dayrui/core/D_common.php

搜索Baidumap, 然后跟着Baidumap的相关代码加一个我们自己的heremap代码就行了

同理,后面我也加了Google map,具体步骤一样

© 著作权归作者所有

共有 人打赏支持
SevensChan

SevensChan

粉丝 24
博文 59
码字总数 32119
作品 0
澳门
高级程序员
私信 提问
FineCMS 轻量版开源公告说明

FineCMS轻量版诞生于2009年底,源程序由开发者李睿在qeephp框架(1.5以后采用doitphp改装版)为基础开发的一套以简单、实用、开源为目录的CMS建站系统,主要目标用户锁定在个人站长,在经历了...

天睿云计算
2014/07/15
4.3K
7
FineCMSv2013新版,史上最灵活、最简单、最强大的网站管理系统

FineCMS v2(简称v2)是一款开源的跨平台网站内容管理系统,以“实用+好用”为基本产品理念,提供从内容发布、组织、传播、互动和数据挖掘的网站一体化解决方 案。系统基于CodeIgniter框架,...

天睿云计算
2013/10/29
2.7K
1
FineCMS v2.3.4 更新内容,PHP 内容管理系统

v2.3.4更新说明 增加挂钩点功能 增加移动端单页url 增加附件的md5值 增加基于应用的钩子接口 优化移动端单页缓存 修复移动端站点登录失败问题 增加单页静态缓存开关功能(含有list标签的单页...

天睿云计算
2014/07/15
2K
4
有利可图网站系统二次开发

有利可图网站系统二次开发,主要是在finecms系统的基础上进行二次开发,二次开发的主要需求包括: 1、增加会员推荐会员的提成功能。 2、增加会员的实名认证功能。 3、增加微信支付功能和支付...

zhume8888
2015/11/20
11
1
POSCMS V3.2.13

增加公共函数库Finecms_Common 增加ci框架版本检测 增加字段全选功能 增加文件临时上传目录函数 增加栏目会员权限的全选功能 修复https下无法访问插件商城 增强头像上传组件的安全性 优化自定...

天睿云计算
05/16
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Confluence 6 配置边栏

如果你具有空间的管理员权限,你可以对空间的变量进行自定义,让你的空间具有自己的空间标识(logo),修改显示的继承关系和在空间中添加快捷方式以帮助用户在空间中进行快速导航。 希望开始...

honeymose
16分钟前
0
0
Ubuntu18.04 安装MySQL

1.安装MySQL sudo apt-get install mysql-server 2.配置MySQL sudo mysql_secure_installation 3.设置MySQL非root用户 设置原因:配置过程为系统root权限,在构建MySQL连接时出现错误:ERROR...

AI_SKI
今天
3
0
3.6 rc脚本(start方法) 3.7 rc脚本(stop和status方法) 3.8 rc脚本(以daemon方式启动)

3.6-3.7 rc脚本(start、stop和status方法) #!/usr/bin/env python# -*- coding: utf-8 -*-# [@Version](https://my.oschina.net/u/931210) : python 2.7# [@Time](https://my.oschina.......

隐匿的蚂蚁
今天
3
0
Cnn学习相关博客

CNN卷积神经网络原理讲解+图片识别应用(附源码) 笨方法学习CNN图像识别系列 深度学习图像识别项目(中):Keras和卷积神经网络(CNN) 卷积神经网络模型部署到移动设备 使用CNN神经网络进行...

-九天-
昨天
5
0
flutter 底部输入框 聊天输入框 Flexible

想在页面底部放个输入框,结果键盘一直遮住了,原来是布局问题 Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text("评论"), ...

大灰狼wow
昨天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部