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

因为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，具体步骤同样