如何调用百度地图API实现手机自动定位
程序员文章站
2023-11-25 09:41:34
最近由于项目需要,研究了下百度地图定位,他们提供的实例基本都是用监听器实现自动定位的。我想实现一种效果:当用户进入ui时,不定位,用户需要定位的时候,自己手动点击按钮,再去...
最近由于项目需要,研究了下百度地图定位,他们提供的实例基本都是用监听器实现自动定位的。我想实现一种效果:当用户进入ui时,不定位,用户需要定位的时候,自己手动点击按钮,再去定位当前位置。经过2天研究和咨询,找到了解决方案,在此备忘一下。
//声明地址解析器 var geoc = new bmap.geocoder(); //自动定位 var autolocation = function () { if (navigator.geolocation) { //判断浏览器是否能获取当前位置 navigator.geolocation.getcurrentposition(addrsuc, addrfail); } else { simplenoty("无法自动定位,请输入您的用餐地址"); } } //获取当前坐标成功 function addrsuc(param) { var lng = param.coords.longitude; var lat = param.coords.latitude; var point = new bmap.point(lng, lat); //将gps坐标转换为百度地址坐标 bmap.convertor.translate(point, 0, translatecallback); } //获取坐标失败 function addrfail(err) { shownotify("自动定位失败"); } //坐标转换 function translatecallback(point) { geoc.getlocation(point, function (rs) { var addcomp = rs.addresscomponents; //查询得到的地址对象组件 //addcomp.streetnumber:街道门牌号 //addcomp.city:城市 //addcomp.district:区 //addcomp.street:街道 //addcomp.province:省 var address = addcomp.city + addcomp.district + addcomp.street; var lng_t = point.lng; //经度 var lat_t = point.lat; //纬度 $(".locationtxt").text("当前位置:" + address); }) }
对象示例:
rs 对象 :{point: h, address: "北京市朝阳区广顺北大街", addresscomponents: object, surroundingpois: array[0], business: "望京,来广营,花家地"}
addresscomponents 对象 :{streetnumber: "", street: "广顺北大街", district: "朝阳区", city: "北京市", province: "北京市"}
调用:
$(function(){ aotulocation(); });<br><br>
上一篇: 一份完整的产品推广计划书