小程序 获取地理位置-- wx.getLocation

话不多说直接上栗子

在 onShow里面调用

onShow(){
  this.getShopLocationPoint(); 在这里调用是因为需要获取 地址的时候可能用户不授权,当取消授权的时候没办法拿到经纬度,此时我们要加判断了
}

wxml 如下:

<button
  wx:if="{{showLocationAuth}}"
  class="get_location_btn"
  open-type="openSetting"
>
  授权当前定位
</button>//这是需要调用系统授权,只要授权之后 就会触发 onShow 里面的 this.getShopLocationPoint() 就会获取到用户的经纬度信息

  getShopLocationPoint() {
    this.setData({
      showLocationAuth: false
    });
   wx.getLocation({
      type: "wgs84", // 默认wgs84
      success: res => {
        this.setData({
          showLocationAuth: false
        });
        console.log(res)
      },
      fail: res => {
        this.setData({
          showLocationAuth: true
        });
        console.log(res);
      }
    });

  },

有错误的地方还望大神指点一二

原文地址:https://www.cnblogs.com/BeautifulBoy/p/9790309.html

时间: 2024-11-13 07:55:29

小程序 获取地理位置-- wx.getLocation的相关文章

微信小程序获取地理位置授权

getUserLocation: function () { let vm = this wx.getSetting({ success: (res) => { console.log('getUserLocation', res) // res.authSetting['scope.userLocation'] == undefined 表示 初始化进入该页面 // res.authSetting['scope.userLocation'] == false 表示 非初始化进入该页面,且未授权

小程序获取地理位置(经纬度)

html页面 <view class="map" bindtap='map'> 定位 </view> js页面 map() { // 在组件实例进入页面节点树时执行 var _this = this wx.getSetting({ success(res) { // 1. scope.userLocation 为真, 代表用户已经授权 if (res.authSetting['scope.userLocation']) { // 1.1 使用 getlocati

小程序----选择地理位置 ( wx.chooseLocation ) 和 获取地理位置 (wx.getSetting)

问题来了:假如我第一次使用wx.chooseLocation()获取权限被拒绝,然后使用wx.getSetting()来重新获取权限该怎么做呢? 思路:wx.chooseLocation()有fail方法,如果第一次拒绝之后,以后调用选择地图都是触发的这个,那么我可以在fail方法里面,使用wx.getSetting(),这样就每次都能判断是否已经给与了权限了. wx.chooseLocation({ success(res) { console.log(res) that.setData({

微信小程序-获取当前位置和城市名

微信小程序-获取当前城市位置 1, 获取当前地理位置,首先要拿到用户的授权wx.openSetting: 2,微信的getLocation接口,获取当前用户的地理位置(微信返回的是经纬度,速度等参数): 3,微信没有将经纬度直接转换为地理位置,借用腾讯位置服务中关于微信小程序的地理转换JS SDK 的API(返回信息中包括国家,省,市,区,经纬度等地理位置)步骤描述清楚以后,下面就开始按步骤操作了:(本文仅仅讲述如何获取用户地理位置的授权) 图示为获取用户地理位置授权弹窗 在用户首次进入某页面(

微信应用号小程序上传wx.uploadFile(OBJECT)

微信应用号小程序上传wx.uploadFile(OBJECT) wx.uploadFile(OBJECT) ? 将本地资源上传到开发者服务器.如页面通过 wx.chooseImage 等接口获取到一个本地资源的临时文件路径后,可通过此接口将本地资源上传到指定服务器.客户端发起一个HTTPS POST请求,其中 Content-Type 为 multipart/form-data . OBJECT参数说明: 参数 类型 必填 说明 url String 是 开发者服务器url filePath S

微信小程序 获取用户openid

1,可以在小程序app.js入口文件中放入登录代码 wx.login({ success: res => { // 登录注册接口 if (res.code) { // 调用服务端登录接口,发送 res.code 到服务器端换取 openId, sessionKey, unionId并存入数据库中 } else { console.log('登录失败!' + res.errMsg) } } }); 2,服务端PHP,小程序获取openid接口 // 获取openid function getOpe

微信小程序-获取用户信息和openid,session_key,

1:微信小程序获取用户信息:比如常用的 avatarUrl (用户头像),nickName (用户名称) 等等, (1):获取用户信息调用 wx.getUserInfo 代码如下: 直接请求接口就可以了,随后把数据存放到storage中,下次直接取 就不用再请求接口,, 2:获取 openid (1):请求wx.login 接口,代码如下: url:是微信提供的 appid:是小程序的appid secret:是小程序开发设置的 AppSecret 只要获取到这两项,用户信息可以用于页面,ope

微信小程序获取登录手机号

小程序获取登录用户手机号. 因为需要用户主动触发才能发起获取手机号接口,所以该功能不由 API 来调用,需用 <button> 组件的点击来触发. 首先,放置一个 button 按钮,将 button 的 open-type 的属性值设为 getPhoneNumber . 当用户点击并通过之后,通过绑定的事件获取微信服务器返回过来的加密数据,再根据 session_key 和 app_id 通过后台解密就可以获取手机号啦. 说到这,就上码吧!!! 1 <!--index.wxml--&g

微信小程序获取国外今日天气预报信息接口

使用天气API的国外今日天气预报接口制作 返回json预览 { cityid: "601010100", city: "堪培拉", cityEn: "Canberra", country: "澳大利亚", countryEn: "Australia", update_time: "2019-04-24 18:00:00", wea: "晴", wea_img: &qu