html5自动获取当前位置,Html5结合百度地图获取当前位置

这里我使用的百度地图JavaScript1.4版

直接代码伺候:

获取当前位置

$(document).ready(function() {

$("button").click(function(event) {

if(navigator.geolocation){

navigator.geolocation.getCurrentPosition(

function(p){

var latitude=p.coords.latitude;//获取坐标点纬度

var longitude=p.coords.longitude;//获取坐标点经度

//以指定的经度与纬度创建一个坐标点

var po=new BMap.Point(longitude,latitude);

//创建一个地理解析器

var geocoder=new BMap.Geocoder();

//获取位置

geocoder.getLocation(po,function(rs){

//获取地理组件

var addComp=rs.addressComponents;

//获取省份

var province=addComp.province;

//获取城市

var city=addComp.city;

//获取区县

var district=addComp.district;

//获取街道

var street=addComp.street;

//获取街道号

var streetNumber=addComp.streetNumber;

$("p").append(province+city+district+street+streetNumber);//将获取到的信息输出到页面

});

},function(e){

switch (e.code) {

case e.TIMEOUT:

alert("定位失败,请求获取用户位置超时");

break;

case e.PERMISSION_DENIED:

alert("您拒绝了使用位置服务功能,查询已取消");

break;

case e.POSITION_UNAVAILABLE:

alert("抱歉,暂时无法为您所在的星球提供位置服务");

break;

case e.UNKNOWN_ERROR:

alert("发生一个位置错误");

break;

}

},{

//指示浏览器获取高精度的位置,默认false

enableHighAcuracy: true,

//指定获取地理位置的超时时间,默认不限时,单位为毫秒

timeout:5000,

//最长有效期,在重复获取地理位置时,此参数指定多久再次获取位置

maximumAge:2000

}

);

}else{

alert("不支持");

}

});

});

获取

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值