您的位置:首页 > 移动开发

如何在网页上获取用户的当前位置[仅限移动端网页]

2017-08-15 15:16 459 查看
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>

<script>
/*************js实现*************/
if(navigator.geolocation){
navigator.geolocation.getCurrentPosition(getPositionSuccess, getPositionError);
}else{
alert("您的浏览器不支持自动定位!");
}
/***用户定位成功**/
function getPositionSuccess(position){
var lat = position.coords.latitude;
var lng = position.coords.longitude;
var address="";

//通过baiduMap API获取街道名称
var map = new BMap.Map("allmap");
var point = new BMap.Point(lng,lat);
var gc = new BMap.Geocoder();
gc.getLocation(point, function(rs){
 var addComp = rs.addressComponents;
 address = addComp.city + addComp.district + addComp.street + addComp.streetNumber;
 alert("longitude="+lng+"atitude="+lat);
 alert("address="+address);
});

}

/**用户定位失败**/
function getPositionError(error){
switch(error.code){
case error.TIMEOUT:
alert("连接超时,请重试");
break;
case error.PERMISSION_DENIED:
alert("您拒绝了使用位置共享服务,查询已取消");
break;
case error.POSITION_UNAVAILABLE:
alert("亲爱的火星网友,非常抱歉,我们暂时无法为您所在的星球提供位置服务");
break;
}
}
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: