1、调用接口,官网文档是这样写的

uni.getLocation({type: 'wgs84',success: function (res) {console.log('当前位置的经度：' + res.longitude);console.log('当前位置的纬度：' + res.latitude);}
});

2、将经纬度转化为位置信息

需要开通腾讯位置服务，开发者每天有一万次的免费转化次数。开通地址

记住当前申请的key值，然后下载微信小程序JavaScriptSDK

然后安全域名设置，在小程序管理后台 -> 开发 -> 开发管理 -> 开发设置 -> “服务器域名” 中设置request合法域名，添加https://apis.map.qq.com

5、此时来到小程序，定义一个该页面的全局变量var qqmapsdk；

6、在onLoad中导入刚刚下载的js文件，并且用全局变量创建这个对象。

7、通过局部变量.reverseGeocoder将经纬度转化为对应的信息。

<script>import QQMapWX from '../../common/qqmap-wx-jssdk.js'//全局变量var qqmapsdk;export default {data() {return {address: '',latitudeL: '',longitude: '',}},methods: {},onLoad(option) {const that = thisconsole.log(33,that)var QQMapWX = require('../../common/qqmap-wx-jssdk')var qqmapsdk = new QQMapWX({key: 'PRGBZ-G7UHT-LBEXI-VESDI-EVUUS-HDF3Q' // 必填})wx.getLocation({type: 'wgs84',success(res) {console.log('纬度', res.latitude, '经度', res.longitude)wx.setStorageSync('latitude', res.latitude)wx.setStorageSync('longitude', res.longitude)},//wx.getLocation  回调里面把上面获取到的经纬度给引入的qqmap-wx-jssdk就可以获取到对应的地点了complete() {// 坐标转换qqmapsdk.reverseGeocoder({// 位置坐标，默认获取当前位置，非必须参数location: {latitude: wx.getStorageSync('latitude'),longitude: wx.getStorageSync('longitude')},success: function(res) {console.log(11,res.result.address_component.city)that.address = res.result.address_component.cityconsole.log(22,that.address)wx.setStorageSync('address_component', res.result.address_component.city)},fail: function(error) {console.error('错误了', error)}})}})}}
</script>

然后最最最关键的来了就是你要去微信公众平台申请小程序接口

申请地址

uniapp微信小程序获取当前位置信息、经纬度转换、导航地图实现相关推荐

微信小程序获取用户位置信息并显示到地图上
1.配置地理位置用途说明在app.json中的大括号内输入 "permission": {"scope.userLocation": {"desc& ...
微信小程序-获取用户位置（经纬度+所在城市）
微信小程序-获取用户位置(经纬度+所在城市) 文章目录微信小程序-获取用户位置(经纬度+所在城市) 一.目标二.实现思路三.实现步骤 3.1 用到的接口函数 3.2 具体步骤 3.2.1 创建界 ...
微信小程序—获取用户位置信息
一.使用 wx.getLocation 获取经纬度信息 1.1 在 app.json 中加入如下配置 "permission": {"scope.userLocation ...
uniapp微信小程序获取定位（通过经纬度获取地址）
项目要求首页有个定位功能,但是uni.getLocation在小程序端只能获取到经纬度,拿不到地址 uniapp官网有说明这点:uni.getLocation(OBJECT) | uni-app官网 ...
微信小程序获取用户位置信息
1.在 app.json 里面增加 permission 属性配置小程序配置 | 微信开放文档 "permission": {"scope.userLocation&qu ...
uni-app 微信小程序获取位置信息提示“getLocation 需要在 app.json 中申明 permission 字段”
本文同步发布在:uni-app 微信小程序获取位置信息提示"getLocation 需要在 app.json 中申明 permission 字段我们在用 uni-app 开发微信小程序时, ...
微信小程序获取当前位置和城市名
这篇文章主要介绍了微信小程序获取当前位置和城市名的思路,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下目录一.授权并获取经纬度腾讯地图API **简介** Hello world! 一. ...
微信小程序获取住户地区信息
微信小程序获取住户地区信息微信小程序获取住户地区信息微信小程序获取住户地区信息 1.现在app.js里面配置如下 { //向用户申请获取授权"permission": {&qu ...
uniapp/微信小程序获取蓝牙设备
uniapp/微信小程序获取蓝牙设备 view script style 此文章只是获取蓝牙设备,不涉及连接设备,连接设备敬请期待!!! view <u-navbar :is-back=&quo ...

uniapp微信小程序获取当前位置信息、经纬度转换、导航地图实现

然后最最最关键的来了就是你要去微信公众平台申请小程序接口

uniapp微信小程序获取当前位置信息、经纬度转换、导航地图实现相关推荐

最新文章

热门文章