热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

appuniapp获取位置_uniapp微信小程序端获取定位

小编直接上代码吧,这个不好说,uni-app也用到了微信小程序的代码块,小编没学过原生小程序开发,一直使用uni-app来开

小编直接上代码吧,这个不好说,uni-app也用到了微信小程序的代码块,小编没学过原生小程序开发,一直使用uni-app来开发小程序的程序。

这套代码在微信小程序开发工具里是不准的,大概偏离0-30公里左右,用手机预览或者真机测试的时候是偏离1公里左右。

小编测试过了,在微信小程序中是不需要用户确定的,这套代码是自动获取定位的。

在uni-app里的 manifest.json -> 微信小程序配置找到微信小程序权限配置 -> 位置定位(打勾,内容随便写点),如下

我的位置:{{Areaaddress}}

export default {

data() {

return {

Areaaddress:'' //当前位置

}

},

//自动点击 getLocationInfo 事件

mounted:function(){

this.getLocationInfo();

},

methods: {

//获取地理位置

getLocationInfo(){

var _this=this;

uni.getLocation({

data:{

type: 'wgs84',

},

success (res) {

let latitude = res.latitude.toString();

let lOngitude= res.longitude.toString();

uni.request({

url:'http://apis.map.qq.com/ws/geocoder/v1/?location='+latitude+','+longitude+'&key=MVGBZ-R2U3U-W5CVY-2PQID-AT4VZ-PDF35',

success(re) {

console.log(re)

_this.Areaaddress = re.data.result.address;

}

});

}

});

}

}

}

效果图如下:

希望这边文章对您有帮助



推荐阅读
author-avatar
DomeSmart
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有