uniApp微信小程序使用腾讯地图定位功能及getLocation需要在app.json中声明permission字段问题解决

 更新时间:2022年12月24日 13:22:18   作者:Nanchen_42  
这篇文章主要介绍了uniApp微信小程序使用腾讯地图定位功能及getLocation需要在app.json中声明permission字段问题解决,需要的朋友可以参考下

获取腾讯地图的定位功能 

首先打开网址:腾讯位置服务

找到这三个位置并下载第3步的包

下载即可 

 解压完毕后有两个js文件,这里用min.js的包即可

 使用min.js的包放入common里

 用在哪个页面就在哪个页面中引入

	var QQMapWX = require('../../common/lib/qqmap-wx-jssdk.min.js'); 

接下来在onLoad中使用下面这段代码(当然也可以放入mounted里面)

qqmapsdk = new QQMapWX({
    key: '申请的key'
});

 这里的秘钥需要从官网中自己创建

创建好后会自动生成秘钥复制粘贴下来即可 

点击编辑 

勾选这三个√ 

保存

 

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

 这里面的wgs84 uniApp官网中也给出了详细的解释

 success

latitude纬度,浮点数,范围为-90~90,负数表示南纬
longitude经度,浮点数,范围为-180~180,负数表示西经

打印结果如下: 

 拿到经纬度后通过经纬度返回他的地址

通过逆地址解析进行操作

完整代码如下 :

data(){
    return{
        qqmapsdk:{}
    }
}
onLoad() {
			this.qqmapsdk = new QQMapWX({
				key: 'XFIBZ-74JKO-3XCW3-SDVGT-FVOVF-RBFAS'
			});
			uni.getLocation({
			    type: 'wgs84',
			    success: (res)=> {
			        console.log('当前位置的经度:' + res.longitude);
			        console.log('当前位置的纬度:' + res.latitude);
					this.qqmapsdk.reverseGeocoder({
						success:(res)=>{
							console.log(res);
						}
					})
			    }
			});
		},

获取成功!!

最后渲染这个数据即可

可以创建一个空的字符串

用标签调用一下address即可完成 

  

注意:这个时候的数据并不一定是你现在的地址,因为是模拟器的环境。切换到真机测试即可看到您所在的地理位置

途中出现的“getLocation需要在app.json中声明permission字段”问题以及解决方案

 如果出现以下情况,请在manifest.json中添加以下代码

"permission": {
		  "scope.userLocation": {
		   "desc": "你的位置信息将用于小程序位置接口的效果展示"
		  }
		 },

以上就是

微信小程序使用腾讯地图定位功能及getLocation需要在app.json中声明permission字段问题解决的详细内容,更多关于uniApp微信小程序使用腾讯地图定位功能的资料请关注脚本之家其它相关文章!

您可能感兴趣的文章:

相关文章

  • 详解Maven命令大全

    详解Maven命令大全

    Maven是一个项目管理工具,它包含了一个项目对象模型 (Project Object Model),这篇文章主要介绍了maven命令大全,需要的朋友可以参考下
    2020-07-07
  • 微信支付jsapi缺少参数 total_fee 错误分析与解决方法

    微信支付jsapi缺少参数 total_fee 错误分析与解决方法

    这篇文章主要介绍了微信支付jsapi缺少参数 total_fee 错误分析与解决方法,需要的朋友可以参考下
    2018-03-03
  • vscode安装git及项目开发过程

    vscode安装git及项目开发过程

    这篇文章主要介绍了vscode安装git及项目开发过程,本文通过图文并茂的形式给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2021-03-03
  • 权限控制之粗粒度与细粒度概念及实现简单介绍

    权限控制之粗粒度与细粒度概念及实现简单介绍

    这篇文章主要介绍了权限控制之粗粒度与细粒度概念及实现简单介绍,具有一定参考价值,需要的朋友可以了解下。
    2017-10-10
  • 详解提升场景文本识别中的语言模型

    详解提升场景文本识别中的语言模型

    语言模型即根据当前语境的上下文推断当前句子的意思。文本图像中包含两层信息:视觉纹理信息和语言信息。由于单纯根据视觉纹理信息进行文字识别缺少了对上下文的字符语义信息的挖掘,时常会导致错误的文本识别结果(之后会详细说明)。
    2021-05-05
  • HBuilder打包App方法(图文教程)

    HBuilder打包App方法(图文教程)

    下面小编就为大家带来一篇HBuilder打包App方法(图文教程)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • uniapp语音识别(讯飞语音)转文字

    uniapp语音识别(讯飞语音)转文字

    这篇文章主要介绍了uniapp语音识别(讯飞语音)转文字,需要的朋友可以参考下
    2022-12-12
  • 使用uniapp打包上架微信小程序完整教程

    使用uniapp打包上架微信小程序完整教程

    这篇文章主要介绍了uniapp打包上架微信小程序完整教程,需要的朋友可以参考下
    2022-12-12
  • 一文读懂modbus slave和modbus poll使用说明

    一文读懂modbus slave和modbus poll使用说明

    modbus poll和modbus slave是一款实用的modbus开发和调试工具,可以非常方便的进行modbus调试,是非常有用的Modbus主机/从机模拟程序,这篇文章给大家介绍modbus slave和modbus poll使用说明,感兴趣的朋友一起看看吧
    2021-04-04
  • 人人都是开发者:7款傻瓜式APP开发工具

    人人都是开发者:7款傻瓜式APP开发工具

    国外的营销工作者和技术开发者开发了许多能帮助企业创建简单APP应用的工具,通过这些工具,就算是一个对程序一窍不通的普通网民都可以很容易的创建一个企业的APP程序,并可以对程序进行应用更新维护,开展营销等活动
    2013-11-11

最新评论