uniapp 获取定位（经纬度）并且用腾讯地图api解析省市区门牌号

1.首先去腾讯地图申请必要的key

https://lbs.qq.com/
根据项目需求勾选不同的方案，我写的是h5,如下

2.在项目中配置你的key

3.接下来就是代码了

必须引入腾讯的api，地址如下自己提取，放在项目static目录下
链接：https://pan.baidu.com/s/1m_mChu_1lIGVOtiqepvWvA
提取码：cipa
复制这段内容后打开百度网盘手机App，操作更方便哦

在全局声明一个变量 let qqma

onReady() {
qqmap = new QQMapWX({
// key: ‘PATBZ-EZURU-G***FU-GCBRO-LWFXC’
key: ‘JWRBZ-FGPRU-***JMXZ-IG6OO-QMBR3’
});
this.init();
},

methods：{init() {var that = this;uni.getLocation({type: 'wgs84',geocode: true,success: (res) => {console.log("获取经纬度成功");this.latitude = res.latitude;this.longitude = res.longitude;// 解析地址qqmap.reverseGeocoder({location: {latitude: that.latitude,longitude: that.longitude},success: function(res) {console.log(res)           that.$nextTick(function() {this.province = res.result.ad_info.province; // 省this.city = res.result.ad_info.city; // 市this.area = res.result.ad_info.district; // 区this.address = [this.province,this.city,this.area]})console.log(that.address)// console.log(province, city, area)},fail: function(res) {uni.showToast({title: '定位失败',duration: 2000,icon: "none"})console.log(res);},complete: function(res) {}})},fail: (err) => {console.log("获取经纬度失败");console.log(err);},complete: () => {}})},
}

省市区街道门牌号都有了，剩下的就按照你们的项目需要求去处理吧！加油，打工人!!!

uniapp 获取定位（经纬度）并且用腾讯地图api解析省市区门牌号相关推荐

微信小程序获取用户位置坐标，调用腾讯地图api，转换成地区
需求:首页获取用户位置坐标,转换成功实际省市区,寄存在缓存中: 项目开发使用的是美团的mpvue,谁用谁知道(坑有不少但对于习惯vue开发的,也挺友好!) 小程序文档先上为敬腾讯地图注册获取key, ...
腾讯地图html代码,腾讯地图API使用参考.html
Hello world! #container { /*地图(容器)显示大小*/ width: 1200px; height: 400px; } //地图初始化函数,本例取名为init,开发者可根据实 ...
uniapp - 最详细 H5 网页接入腾讯地图的完整流程，提供地图显示、IP 属地定位、地理位置名称、获取经纬度等超多功能示例（可一键复制并运行的功能源代码，详细的注释及常见问题汇总）小白直接上手！
前言网上的教程代码太乱了且不是标准的使用方式,第一次接触的朋友,配置极其难搞,更别说把功能改造移植到自己的项目中去.如果您需要 Vue / nuxt 版本的教程,请访问:Vue - 腾讯地图教程. ...
vue 微信公众号获取定位经纬度腾讯地图逆地址解析为具体地址
最近做项目需要用到微信公众号获取定位,并将定位转换为具体地址的需求,找了挺多,最后整理下,分享给大家~ 我这里使用的是腾讯地图,也可以使用其他的如百度.高德等. 思路是,先使用微信开放文档的获取定位 ...
html调用腾讯地图定位当前位置,vue web项目中调用腾讯地图API获取当前位置的经纬度...
vue web项目中调用腾讯地图API获取当前位置的经纬度 vue web项目中调用腾讯地图API获取当前位置的经纬度在main.js 中添加一下代码 import axios from 'axio ...
uniapp 获取定位以及经纬度转换为城市名
/*2021/8/26xh获取地理位置经纬度及城市名(h5,app,微信小程序三端)*/ // #ifdef H5 //引入jquery文件,用jquery的jsonp来访问腾讯地图的逆地址解析,只适 ...
uni-app 写H5 小程序使用腾讯地图获取地理位置
uni-app 写公众号小程序使用腾讯地图获取地理位置 1.首先需要在腾讯地图里面申请key 2.下载微信小程序JavaScriptSDK,微信小程序 JavaScriptSDK v1.1 J ...
调用腾讯地图API、高德地图API 获取当前地理位置、经纬度
调用腾讯地图API.高德地图API 获取当前地理位置.经纬度 web开发中,很多情况下都会需要获取当前位置的经纬度,在网上找了几个不同的地图,最终找到兼容比较好的腾讯地图API 1.调用腾讯地图API ...
腾讯地图api如何根据地址获取经纬度
腾讯地图api如何根据地址获取经纬度 /** * 根据地址得到经纬度 //GET请求 */ @GetMapping("tencentGetLatLngBy/{a ...

uniapp 获取定位（经纬度）并且用腾讯地图api解析省市区门牌号

1.首先去腾讯地图申请必要的key

2.在项目中配置你的key

3.接下来就是代码了

uniapp 获取定位（经纬度）并且用腾讯地图api解析省市区门牌号相关推荐

最新文章

热门文章

uniapp 获取定位（经纬度） 并且用腾讯地图api解析省市区门牌号

1.首先去腾讯地图申请必要的key

2.在项目中配置你的key

3.接下来就是代码了

uniapp 获取定位（经纬度） 并且用腾讯地图api解析省市区门牌号相关推荐

最新文章

热门文章

uniapp 获取定位（经纬度）并且用腾讯地图api解析省市区门牌号

uniapp 获取定位（经纬度）并且用腾讯地图api解析省市区门牌号相关推荐