微信小程序3种位置API的使用方法详解

微信(小程序)  /  管理员 发布于 3年前   201

获取位置

获取当前的地理位置、速度。当用户离开小程序后，此接口无法调用；当用户点击“显示在聊天顶部”时，此接口可继续调用。

wx.getLocation(object)

 获取位置   纬度:{{latitude}}  经度:{{longitude}}  速度:{{speed}}  位置的精确度:{{accuracy}}  高度:{{altitude}}  垂直精度:{{accuracy}}  水平精度:{{accuracy}} 

//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)

 打开地图选择位置   位置名称:{{name}}  详细地址:{{address}}  纬度:{{latitude}}  经度:{{longitude}} 

//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)

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

您可能感兴趣的文章:

• 微信小程序引入Vant组件库过程解析
• 微信小程序 高德地图路线规划实现过程详解
• 微信小程序中悬浮窗功能的实现代码
• 微信小程序导入Vant报错VM292:1 thirdScriptError的解决方法
• 微信小程序组件传值图示过程详解
• 微信小程序如何引用外部js，外部样式，公共页面模板
• 更优雅的微信小程序骨架屏实现详解