我们可以通过window.navigator来获取访问的浏览器信息,然后用navigator.geolocaltion获取用户的地理信息。最后,通过navigator.geolocaiton.getCurrentPosition()来获取用户当前的位置信息。(注:geolocaltion是有关用户隐私的API,需要得到用户的同意才能有效,为了安全限定,要求正式网站必须使用https协议。自行测试时使用localhost访问,IP则不行。)
该方法需传入的参数
- navigator.geolocation.getCurrentPosition(sucessCallback,errorCallback[,options])
- successCallback 成功回调函数 返回坐标信息
- errorCallback 失败回调函数 返回失败信息
- options 配置项
JS代码
if (navigator.geolocation) {
//判断浏览器是否支持用户地理位置
navigator.geolocation.getCurrentPosition(function (coords) {
console.log(coords);
},function (err) {
console.log(err);
},{
//enableHighAccuracy : true//开启高精度 (返回坐标事件会延长)
//timeout : 1000 //设置超时时间
})
}