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

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 使用 getlocation 获取用户 经纬度位置

wx.getLocation({

type: ‘gcj02‘,

success(res) {

// 1.2 获取用户位置成功后,将会返回 latitude, longitude 两个字段,代表用户的经纬度位置

// 1.3 将获取到的 经纬度传值给 getAddress 解析出 具体的地址

_this.getAddress(res.latitude, res.longitude)

}

})

} else {

// 2. 用户未授权的情况下, 打开授权界面, 引导用户授权.

wx.openSetting({

success(res) {

// 2.1 如果二次授权允许了 userLocation 权限, 就再次执行获取位置的接口

if (res.authSetting["scope.userLocation"]) {

wx.getLocation({

success(res) {

// 2.2 获取用户位置成功后,将会返回 latitude, longitude 两个字段,代表用户的经纬度位置

// 2.3 将获取到的 经纬度传值给 getAddress 解析出 具体的地址

_this.getAddress(res.latitude, res.longitude)

}

})

}

}

})

}

}

})

}

原文地址:https://www.cnblogs.com/sq652366/p/12620149.html

时间: 2024-11-10 07:36:28

小程序获取地理位置(经纬度)的相关文章

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

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

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

话不多说直接上栗子 在 onShow里面调用 onShow(){ this.getShopLocationPoint(); 在这里调用是因为需要获取 地址的时候可能用户不授权,当取消授权的时候没办法拿到经纬度,此时我们要加判断了 } wxml 如下: <button wx:if="{{showLocationAuth}}" class="get_location_btn" open-type="openSetting" > 授权当前定

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

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

微信小程序获取输入框(input)内容

微信小程序---获取输入框(input)内容 wxml <input placeholder="请输入手机号码" maxlength="11" type="tel" bindinput="getInput" /> js Page({ data:{ getInput: null }, getInput:function(){//方法1 this.data.getInput = e.detail.value; }, /

微信小程序 获取用户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

小程序获取用户信息的方式

一.在此之前,小程序获取微信的用户信息,用的都是wx.getUserInfo //例如 onLoad() { var that = this; wx.getUserInfo({ this.setData({ thumb: res.userInfo.avatarUrl, nickname: res.userInfo.nickName }) }) } 二.自从微信接口有了新的调整之后 wx.getUserInfo()便不再出现授权弹窗了(PS:但仍能用于获取已授权用户数据),需要使用button做引