微信小程序使用高德API获取位置信息

 //调用方法app.getAmapLocation().then((res) => {console.log(res);});

 var amapFile = require('static/js/amap-wx.js');varamap = new amapFile.AMapWX({key: '高德申请的key值'});//高德定位信息getAmapLocation(){let _this = thisreturn new Promise((resolve, reject) => {amap.getRegeo({success: (res) => {//成功回调-----返回位置信息let data = res[0].regeocodeData;_this.uvData.province_name = data.addressComponent.province && data.addressComponent.province.length > 0 ? data.addressComponent.province : "";_this.uvData.city_name = data.addressComponent.city && data.addressComponent.city.length > 0 ? data.addressComponent.city : "";_this.uvData.area_name = data.addressComponent.district && data.addressComponent.district.length > 0 ? data.addressComponent.district : "";_this.uvData.address = data.formatted_address.replace(_this.uvData.province_name + _this.uvData.city_name + _this.uvData.area_name, '');_this.uvData.dimension = res[0].latitude ? res[0].latitude : "";_this.uvData.longitude = res[0].longitude ? res[0].longitude : "";wx.setStorageSync('gps', _this.uvData);resolve({type: 1,data: _this.uvData});},fail: (err) => {//失败回调console.log(err);if(err.errMsg== "getLocation:fail auth deny"){_this.checkAuth();}else if(err.errMsg== "getLocation:fail system permission denied" || err.errMsg== "getLocation:fail:ERROR_NOCELL&WIFI_LOCATIONSWITCHOFF"){_this.showMsg('请检查手机定位开关或者微信App拥有有效的定位权限。');}else{_this.showMsg(err.errMsg);}resolve({type: 0,data: err});}})})},//检测定位设置checkAuth() { const _this = this;wx.getSetting({success: res => {if (!res.authSetting['scope.userLocation'])_this.openConfirm();}})},//打开定位设置openConfirm() { const _this = this;wx.showModal({content: '检测到您没有授权小程序定位权限，是否去设置打开？',confirmText: "确认",cancelText: "取消",success: function(res) {//点击“确认”时打开设置页面if (res.confirm) {wx.openSetting({success: (res) => {console.log(res, "定位设置回调")if(res.authSetting['scope.userLocation'] === true){_this.getAmapLocation();}else{_this.checkAuth();}}})} else {_this.checkAuth(); //强制定位-----不需要注释掉即可}}});},

微信小程序使用高德API获取位置信息相关推荐

微信小程序使用百度api获取天气信息 —— 微信小程序教程系列（16）
之前已经介绍过,如何使用百度地图api来获取地理位置信息微信小程序的百度地图获取地理位置 -- 微信小程序教程系列(15) 下面介绍使用百度api来获取天气信息. 1> 第一步:先到百度开放平 ...
uni-app 微信小程序用高德sdk获取地理位置，以及天气信息
uni-app 微信小程序采用高德sdk获取地理位置和天气信息主要有以下几个步骤: 1. 注册高德开发者,并获取应用key 概述-微信小程序插件 | 高德地图API 在这个网页最下面,按步骤来就可以了 ...
微信小程序学习9：获取用户信息进行登录操作 wx.getUserProfile
微信小程序学习9:获取用户信息进行登录操作wx.getUserProfile 2021年4月份左右微信对获取用户的API进行了更改.使用wx.getUserInfo只能获取用户的匿名信息. 要获取用户 ...
微信小程序调用高德api定位当前经纬度，根据城市名获取对应经纬度
最近写小程序有一个首页关于定位功能,指定高德API,话不多说,上图: 首先小程序需要先设置定位提示语,在mainfest.json中添加配置scope.userLocation: "mp-w ...
微信小程序整合高德地图获取定位经纬度信息
1.登录高德地图https://lbs.amap.com/ a.创建新应用这个key后边整合的时候会用到,精彩继续 b.下载SDK https://lbs.amap.com/api/wx/down ...
微信小程序一个按钮同时获取用户信息和手机号码
<view class="login" bindtap='getuserInfo'><button open-type="getPhoneNumber& ...
微信小程序app.js中获取用户信息以及为golbalData赋值的坑
代码如下: //app.js App({ globalData: { urlPath: "http://www.baidu.com//", //此处貌似必须填写搜索引擎的网址 ...
微信小程序-当用户拒绝了位置信息的请求时,提醒用户去设置地理位置授权
如图当用户点击了取消,拒绝了位置信息的请求.如下图所示,提醒用户去设置地理位置授权,如下图所示, 如果用户没去设置的话,每次只要用户点击进入该页面都会有这个弹窗出现. 相关代码如下所示: wxml: ...
微信小程序使用高德SDK获取天气
import amapFile from '@/libs/amap-wx.js'this.myAmapFun = new amapFile.AMapWX({key: 'your key'});this ...

微信小程序使用高德API获取位置信息

微信小程序使用高德API获取位置信息相关推荐

最新文章

热门文章