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

   2015-09-09 0
核心提示:api手机自动定位,通过声明地址解析器,获取当前坐标,如何调用百度地图api实现手机自动定位呢?接下来,一起跟小编来学习吧。

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

 
标签: 百度地图 api
反对 0举报 0 评论 0
 

免责声明:本文仅代表作者个人观点,与乐学笔记(本网)无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
    本网站有部分内容均转载自其它媒体,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责,若因作品内容、知识产权、版权和其他问题,请及时提供相关证明等材料并与我们留言联系,本网站将在规定时间内给予删除等相关处理.

点击排行