uniapp 小程序使用腾讯地图搜索位置地点，获取省、市、县地区码的方法

一、调用uni.authorize（）方法获取用户授权

二、调用官方uni.chooseLocation（）方法获取当前地址的名称和经纬度

uni.chooseLocation({success: (res) => {console.log(res.latitude)console.log(res.longitude)}});

但是此方法只能获取到经纬度，并不能直接获取到省、市、县的地区码，因此我们需要进行 “逆地理位置解析”reverseGeocoder(options:Object)方法来获取，详情见：WebService API | 腾讯位置服务

三、登录腾讯位置服务注册账号，申请key值，引入封装好的腾讯地图JS模块

js模块引入地址：https://mapapi.qq.com/web/mapComponents/geoLocation/v/geolocation.min.js

import map from "../../common/qqmap-wx-jssdk1.2/qqmap-wx-jssdk.js"// 实例化API核心类
var qqmapsdk = new map({key: 'key值' // 必填，去腾讯地图申请
});
qqmapsdk.reverseGeocoder({//Object格式location: {latitude: “当前位置纬度”,longitude: “当前位置经度”},success: (res) => {console.log(res.result.ad_info); //位置信息},fail: (error) => {// console.error(error);}
});

整体详情代码如下：

import map from "../../common/qqmap-wx-jssdk1.2/qqmap-wx-jssdk.js"；
export default {methods: {maphq() {uni.authorize({scope: 'scope.userLocation',success: () => {uni.chooseLocation({success: (res) => {// 实例化API核心类var mapsdk = new map({key: 'key值' // 必填});mapsdk.reverseGeocoder({//Object格式location: {latitude: res.latitude,longitude: res.longitude},success: (res) => {console.log(res.result.ad_info); //城市信息},fail: (error) => {// console.error(error);}});}});},fail: () => {uni.showModal({title: '提示',content: '位置权限获取失败，请重新授权！',success: function(res) {if (res.confirm) {console.log('用户点击确定');this.ditu()} else if (res.cancel) {console.log('用户点击取消');}}});}})},}
}

欢迎指正

uniapp 小程序使用腾讯地图搜索位置地点，获取省、市、县地区码的方法相关推荐

uni-app 小程序使用腾讯地图完成搜索功能
前言使用uni-app开发小程序时候使用腾讯地图原生SDK是,要把原生写法转成vue写法在这记录一下. 我们需要注意的是使用高德地图时我们不仅要引入SDK,还要再uni-app中配置允许使用. 由于 ...
uni-app小程序结合腾讯地图获取定位以及地图选址
表单中的地址用地图的方式进行编辑与选址看效果第一步:登录公众平台==>设置==>第三方设置第二步:登录腾讯地图申请属于自己小程序的key 第三步:找到腾讯地图的插件第四步:添加插件 ...
uni-app 写H5 小程序使用腾讯地图获取地理位置
uni-app 写公众号小程序使用腾讯地图获取地理位置 1.首先需要在腾讯地图里面申请key 2.下载微信小程序JavaScriptSDK,微信小程序 JavaScriptSDK v1.1 J ...
腾讯小程序 java编写_微信小程序使用腾讯地图SDK详解及实现步骤
微信小程序使用腾讯地图SDK详解及实现步骤近期在做一款彩票服务类项目中用到了腾讯地图提供的小程序解决方案,拿来给大家分享一下! 使用起来非常简单,就是一些功能还有待完善. 官方文档:http:// ...
微信小程序接入腾讯地图sdk地图用户自选位置。踩坑+代码实现
采坑记录: 1.微信小程序对腾讯地图的支持好.拓展强,不建议使用其他地图 2.坐标问题** 高德地图与腾讯地图使用的是 GCJ02坐标系 3.使用微信小程序的内置方法的经纬度存在偏差.解决方案看下文 ...
微信小程序使用腾讯地图进行路线规划，坐标转地址，逆地理编码，计算目的地跟自身定位的距离
微信小程序使用腾讯地图 1.介绍腾讯地图官方文档: https://lbs.qq.com/ 这里,我主要运用的是这几个api ,我在运用的过程中主要实现的功能有:地图路线规划.地址转坐标+计算距离. ...
[微信小程序]小程序引入腾讯地图选点插件出现：未取得授权
问题:小程序引入腾讯地图选点插件出现:未取得授权在微信小程序引入腾讯地图选点插件:官方文档 1.微信小程序接入腾讯地图服务,申请Key 2.在 app.json 中添加 "plugins& ...
微信小程序使用腾讯地图SDK详解及实现步骤
信小程序使用腾讯地图SDK详解及实现步骤微信小程序JavaScript SDK: 官方文档:http://lbs.qq.com/qqmap_wx_jssdk/index.html 步骤: 1.申请 ...
微信小程序调用腾讯地图API进行驾车路线规划
微信小程序调用腾讯地图API进行驾车路线规划申请key 下载sdk 实现代码遇到的问题申请key 微信小程序的地图api是非常有限的,所以部分功能实现需要调用地图api.使用腾讯地图api过程如 ...

uniapp 小程序使用腾讯地图搜索位置地点，获取省、市、县地区码的方法

uniapp 小程序使用腾讯地图搜索位置地点，获取省、市、县地区码的方法相关推荐

最新文章

热门文章