<div id="flbs4amap_page" class="page out" data-title="LBS">
	<div class="page-content" id="flbs4amap_content">
		<div id="flbs4amap-header"></div>
		<div id="flbs4amap-form"></div>
		<div id="flbs4amap"></div>
		<div id="flbs4amap-fbutton"></div>
	</div>
</div>
<script>
require(["NavHeader", "Form", "FLbs4amap", "FButton", "mUtil"], function(NavHeader, Form, FLbs4amap, FButton, mUtil) {
	var _u = require("mUtil");
	var hasClsPicker = typeof clsPicker !== "undefined";

	if(!hasClsPicker) {
		new NavHeader({
			el: "flbs4amap-header",
			option: {
				title:"表单-LBS", 
				smallTitle:"flbs4amap"
			}
		}).render();
		
		new Form({
			el: "flbs4amap-form",
			option: {
				submit : {
					action : "/mobilemode/mobile/demo/plugin/Form/formAction.jsp",//提交地址
					validate : function(){
						//表单提交前验证脚本
					}
				}
			}
		}).render();
	}

	var flbs = new FLbs4amap({
		el: "flbs4amap",
		option: {
			form : "flbs4amap-form",
			field : {
				label : "所在位置",	//显示名称
				longitude : "f1", 	//对应经度字段
				longitude : "f2", 	//对应纬度字段
				address : "f3",		//对应地址中文字段
				value : "",			//对应字段value
			},
			datatype : "3",//数据保存类型
			poi : {
				postype : 1,//定位类型
				radius : 500,//poi半径
				num : 10,//热点个数
				btntext : "确定"//按钮名称
			},
			isShowCurrLocation : true,//显示当前位置
			required : true,
			readonly : false
		}
	}).render().then(function () {
		if (!hasClsPicker) return;

		_u.vetically("#flbs4amap");

		clsPicker.golalSetting({
			container: ".wev-comp-FLbs4amap",
			type: "FLbs4amap"
		});

		new clsPicker({
			selector: ".wev-flbs4amap-content",
			text: ".wev-flbs4amap-content",
			lineYSkew: 20,
		});
		new clsPicker({
			selector: ".wev-field",
			text: ".wev-field",
			skew: [3, ""],
			lineYSkew: 50,
		});
		
		new clsPicker({
			selector: ".wev-flbs4amap-detail",
			text: ".wev-flbs4amap-detail",
			lineYSkew: 20,
			position: "top left"
		});
		new clsPicker({
			selector: ".wev-flbs4amap-clear-btn",
			text: ".wev-flbs4amap-clear-btn",
			lineYSkew: 50,
			position: "top left"
		});
	});
	
	if(!hasClsPicker) {
		new FButton({
			el: "flbs4amap-fbutton",
			container: "#flbs4amap_page",
			option: {
				form : "flbs4amap-form",
				btns : [
					{
						text : "重置",
						action : "reset"
					},
					{
						text : "提交",
						action : "submit",
						callback : function(billid) {
							console.log(billid);
						},
						remindMsg : "操作成功"
					}
				],
				fixed : true
			}
		}).render();
	}
	mUtil.trigger('load');//页面渲染完成回调
});
</script>