APP定位功能

1,用户地区筛选,分省、市、县(区)

       HTML部分

<link rel="stylesheet" type="text/css"  href="css/mui.pickere.css"/>
<script src="lib/base64.min.js"></script>
<script src="lib/mui.picker.min.js"></script>
<script src="lib/data.city.js"></script>

<header class="mui-bar mui-bar-nav mui-bar-nav-bg skin-bg-nav">
	<div class="basicHeader-box">
	    <a class="mui-pull-left address-box" id="cityn">
	    	<i class="mui-pull-left iconfont icon-address">&#xe601;</i>
	    	<p class="mui-pull-left"  id="city_3">广州</p>
				<input type="text" style="display:none;" value="2222" id="Area"/>
	    </a>
	    <div class="mui-pull-left search-box" onclick="window.kos.openSearch()">
	    	<input type="text" placeholder="搜索你想找的职位" id="QueryLikeStr" style="disabled"/>
	    	<i class="iconfont icon-search">&#xe61f;</i>
	    </div>
	</div>
</header>

2.js:

var MergerName="";
$(document).ready(function () {
	
	//省市区
	$("#cityn").click(function(e) {
		var city_picker = new mui.PopPicker({
			layer: 2
		});
		city_picker.setData(init_city_picker);
		setTimeout(function() {
			city_picker.show(function(items) {
				/* $("#city_1").html((items[0] || {}).text);
				$("#city_2").html((items[1] || {}).text); */
				$("#city_3").html((items[1] || {}).text);
				MergerName = "中国," + (items[0] || {}).text;+ "-" + (items[1] || {}).text // + "," + (items[2] || {}).text;
				//招聘会_预定
				SelectJobFairDestine();
			});
		}, 200);
	});
	//定位
	dingwei();

});
//定位
function dingwei(){
	try {
		plus.geolocation.getCurrentPosition(function(p) {
			console.log(JSON.stringify(p));
			var province = p.address.province;//省
			var city = p.address.city;//市
			//var dist = p.address.district; //区
			$("#city_3").html(city);
			MergerName = "中国," + province + "," + city;// + "," + dist + ","
			//招聘会_预定
			SelectJobFairDestine();
		}, function(e) {
			mui.toast('定位失败,请检查是否打开定位服务');
		}, {
			provider: 'baidu'
		});
	} catch(e) {
		mui.toast(e);
	}
}

3.效果

 

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值