幽灵资源网 Design By www.bzswh.com
获取位置
获取当前的地理位置、速度。当用户离开小程序后,此接口无法调用;当用户点击“显示在聊天顶部”时,此接口可继续调用。
wx.getLocation(object)
<view class="container"> <button bindtap='getLocation'>获取位置</button> <view wx:if="{{latitude !=''}}"> <view>纬度:{{latitude}}</view> <view>经度:{{longitude}}</view> <view>速度:{{speed}}</view> <view>位置的精确度:{{accuracy}}</view> <view>高度:{{altitude}}</view> <view>垂直精度:{{accuracy}}</view> <view>水平精度:{{accuracy}}</view> </view> </view>
//index.js //获取应用实例 const app = getApp() Page({ data: { latitude: '', longitude: '', speed: '', accuracy: '', altitude:'', verticalAccuracy: '', horizontalAccuracy:'' }, onLoad: function () { }, getLocation:function(){ var _this=this; wx.getLocation({ type: 'wgs84', success: function (res) { var latitude = res.latitude var longitude = res.longitude var speed = res.speed var accuracy = res.accuracy var altitude = res.altitude var verticalAccuracy = res.verticalAccuracy var horizontalAccuracy = res.horizontalAccuracy _this.setData({ latitude: latitude, longitude: longitude, speed: speed, accuracy: accuracy, altitude: altitude, verticalAccuracy: verticalAccuracy, horizontalAccuracy: horizontalAccuracy }) } }) } })
打开地图选择位置
wx.chooseLocation(OBJECT)
打开地图选择位置。
需要用户授权 scope.userLocation
wx.chooseLocation(object)
<view class="container"> <button bindtap='getLocation'>打开地图选择位置</button> <view wx:if="{{address !=''}}"> <view>位置名称:{{name}}</view> <view>详细地址:{{address}}</view> <view>纬度:{{latitude}}</view> <view>经度:{{longitude}}</view> </view> </view>
//index.js //获取应用实例 const app = getApp() Page({ data: { name: '', address: '', latitude: '', longitude: '' }, onLoad: function () { }, getLocation:function(){ var _this=this; wx.chooseLocation({ success: function (res) { var name = res.name var address = res.address var latitude = res.latitude var longitude = res.longitude _this.setData({ name: name, address: address, latitude: latitude, longitude: longitude }) } }) } })
wx.openLocation(OBJECT)
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
标签:
微信小程序,位置api,使用方法
幽灵资源网 Design By www.bzswh.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
幽灵资源网 Design By www.bzswh.com
暂无评论...