uni-app获取位置信息(经纬度转换地址信息)

uniapp获取位置信息，获取到的信息为经纬度，再通过转换成地址信息

1.使用uni.getLocation()获取位置信息
2.下载qqmap-wx-jssdk.js插件插件下载地址
3.使用腾讯位置服务器对经纬度进行一个地址信息转换(自己创建一个应用即可)

全都勾选上

4.注意！！关键之处！！一定要在微信公众号平台上服务器配置 apis.map.qq.com

上代码
template

<view><button @click="getLocation">获取位置</button></view>

methods: {// 获取当前位置getLocation() {const that = this;// 获取位置信息uni.getLocation({type: 'wgs84',success(res) {// 经纬度转化地址信息const qqmap = require('@/pages/qqmap-wx-jssdk.min.js');const showmap = new qqmap({key: 'NWSBZ-ZUME4-LLTU6-XSQGB-YBKAT-U4FCZ'});// 逆地址解析reverseGeocodershowmap.reverseGeocoder({location: {latitude: res.latitude,longitude: res.longitude},success(result) {// 地址信息const adres = result.result.address;that.address = adres;console.log(adres);// 此处使用的this不是指向vc// 所在在头部先获取到this复制给that}});},fail(e) {let errMsgTit = '';if (e.errMsg === 'getLocation:fail auth deny') {errMsgTit = '你已拒绝授权，是否跳转至设置页面开启权限';} else {errMsgTit = '操作频繁提示，建议搭配onLocationChange()使用';}uni.showModal({title: '提示',content: `${errMsgTit}`,success(res) {if (res.confirm) {// 获取设置页面权限信息uni.getSetting({success(res) {console.log(res.authSetting);// 判断是否开启获取位置权限if (!res.authSetting['scope.userLocation']) {// 如果没有开启，点击确认后打开设置页面uni.openSetting({});}}});console.log('用户点击确定');} else if (res.cancel) {console.log('用户点击取消');}}});}});}}

效果图

完结~

不当之处望指点

uni-app获取位置信息(经纬度转换地址信息)相关推荐

SPARK 笔记 (五) 经纬度转换地址
经纬度转换地址 anssin用的是高德地图,实现逆地理位置,首先需要去高德地图开放平台(https://lbs.amap.com/)获取key 我的key就不分享给大家了逆地理位置用的是http请求 ...
Android百度地图将经纬度转换为地址信息
正题: 实现经纬度转为地址信息,主要用到的类是GeoCoder,通过newInstance获得类的实例. 用到的方法为 public boolean reverseGeoCode(ReverseGeo ...
uni.getLocation获取位置失败
uni.getLocation获取位置失败真机调试,如果编码正确,手机也打开了定位,key也设置了,那就有可能是微信小程序权限配置的位置接口没有勾选上.
uni-app微信小程序uni.getLocation获取位置；authorize scope.userLocation需要在app.json中声明permission；小程序用户拒绝授权后重新授权
需求:点击按钮获取当前微信位置,以及点击拒绝授权后,下次点击还可以拉起授权窗口: 拒绝授权后重新拉起授权操作: 直接授权操作: 一.问题1:报authorize scope.userLocation需 ...
Android开发之百度地图经纬度转换地址(以及获取详细地址的方法自测成功)
方法一: 直接粘贴代码 GeoCoder mSearch = GeoCoder.newInstance();mSearch.setOnGetGeoCodeResultListener(new OnGe ...
解决调用uni.getLocation获取位置信息，微信高版本用户无法获取位置信息问题
项目场景: 公司的业务需要涉及到获取用户位置信息,一开始我使用了uni.getLocation来获取用户的位置信息,根据官网api介绍来看只需要调用uni.getLocation方法就能获取位置信息, ...
springboot 获取访问者的ip地址、访问设备信息、城市地址信息
1.获取访问者的ip地址: 不多说直接上代码,详解见注释 package com.xr.util;import lombok.extern.slf4j.Slf4j;import javax.servl ...
腾讯地图api php经纬度转换地址,腾讯地图经纬度转换为百度地图经纬度
‍ 利用微信来获取用户当前的详细地址是非常方便的,但是利用微信获取到用户的经纬度转换为具体地址时,老是出现误差很大,因此,决心把腾讯地图经纬度转换城百度地图经纬度,然后再‍利用百度地图api来获取详细 ...
基于C/C++获取电脑网卡的IP地址信息
目录前言一.网卡是什么? 二.实现访问网卡信息 1.引入库及相关的头文件 2.操作网卡数据 3. 完整代码实现 4.结果验证总结前言简单示例如何在windows下使用c/c++代码实现 ip ...

uni-app获取位置信息(经纬度转换地址信息)

uniapp获取位置信息，获取到的信息为经纬度，再通过转换成地址信息

完结~

uni-app获取位置信息(经纬度转换地址信息)相关推荐

最新文章

热门文章