Vue手机定位
Posted shenbo666
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Vue手机定位相关的知识，希望对你有一定的参考价值。
//APP定位
getAddress() {
console.log(77777);
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(
this.showPosition,
this.showError
);
} else {
Toast.fail("不支持地理定位");
}
},
showPosition(position) {
Toast.loading({
mask: true,
message: "加载中..."
});
let lat = position.coords.latitude; //纬度
let lng = position.coords.longitude; //经度
let date = {
addr: lng + "_" + lat
};
// this.addmsg.address = lat;
this.$http.post("xy/getPos", date).then(res => {
// console.log(res);
if (res.status == 1) {
this.addmsg.address = res.data;
} else if (res.status == 0) {
Toast.fail(res.data);
}
});
},
showError(error) {
switch (error.code) {
case error.PERMISSION_DENIED:
Toast.fail("定位失败,用户拒绝请求地理定位");
break;
case error.POSITION_UNAVAILABLE:
Toast.fail("定位失败,位置信息是不可用");
break;
case error.TIMEOUT:
Toast.fail("定位失败,请求获取用户位置超时");
break;
case error.UNKNOWN_ERROR:
Toast.fail("定位失败,定位系统失效");
break;
}
}
以上是关于Vue手机定位的主要内容，如果未能解决你的问题，请参考以下文章
免费送购物商城网站了,vue开发,带完整数据库,手机短信登陆,精准定位用户,集成支付宝支付
免费送购物商城网站了,vue开发,带完整数据库,手机短信登陆,精准定位用户,集成支付宝支付
vue开发手机购物网站,集成支付宝支付,微信支付,精准定位,手机验证码注册登陆,django开发数据库,带完整数据库源码
vue开发手机购物网站,集成支付宝支付,微信支付,精准定位,手机验证码注册登陆,django开发数据库,带完整数据库源码