如何调用百度地图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>
相关文章
Android 出现问题Installation error: INSTALL_FAILED_CONFLICTING_P
这篇文章主要介绍了Android 出现问题Installation error: INSTALL_FAILED_CONFLICTING_PROVIDER解决办法的相关资料,需要的朋友可以参考下2016-12-12
Android user版通过adb_enable开启adb 调试 不提示对话框的流程分析
这篇文章主要介绍了Android user版通过adb_enable开启adb 调试 不提示对话框的流程分析,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-05-05
windows10安装adb/fastboot驱动超详细图文教程
这篇文章主要介绍了windows10安装adb/fastboot超详细图文教程,安装方法也很简单,只要adb安装成功,fastboot就安装好了,文中给大家介绍了问题分析及解决方法,需要的朋友可以参考下2023-01-01


最新评论