如何在网页上获取用户的当前位置[仅限移动端网页]
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>
<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>
相关文章推荐
- 如何在网页上获取用户的当前位置[仅限移动端网页]
- 网页获取当前用户位置信息
- 移动端报表如何获取当前地理位置
- 移动端报表如何获取当前地理位置
- 如何获取用户手机当前是否启动了android机的模拟位置功能
- 第八篇 :微信公众平台开发实战Java版之如何网页授权获取用户基本信息
- FineReport移动端如何获取地址位置
- 移动端的touchstart,touchmove,touchend事件中的获取当前touch位置
- 网页JS获取当前地理位置(省市区)
- 如何获取微信用户的Openid详解(微信网页授权)
- 在InfoPath中如何获取当前用户的信息(Profile)
- 获取HTML标签当前在网页中的绝对位置
- 原生js如何获取当前所加载网页的文件路径和名称
- Microsoft Dynamics CRM 4.0,IFD验证下,自定义aspx页面,如何获取当前的用户ID ?
- 如何获取用户的地理位置? && html5 地理位置
- User Location获取用户当前的位置
- 微信公众平台开发实战Java版之如何网页授权获取用户基本信息
- JavaScript 获取HTML标签当前在网页中的绝对位置
- 如何在Infopath的浏览器表单中获取当前用户,并进行视图切换