欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

如何调用百度地图API实现手机自动定位

程序员文章站 2022-10-09 11:00:40
最近由于项目需要,研究了下百度地图定位,他们提供的实例基本都是用监听器实现自动定位的。我想实现一种效果:当用户进入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>