vue 开发微信小程序定位功能_vue微信小程序定位代码

边做边总结系列:

小程序里获取个人定位,如果没有在app.json文件里配置小程序接口权限:permission,会提示↓

配置信息图下:

贴代码:

"permission": {
     "scope.userLocation": {
     "desc": "你的位置信息将用于小程序位置接口的效果展示" // 高速公路行驶持续后台定位
   }
 },

接着在onLoad里用getLocation来获取用户地点的经纬度,详细代码如下:

data() {
  return {
    latitude:'', //获取纬度
    longitude:'', //获取经度
  }
}
onLoad() {
	  /* 获取用户地点 */
	  var that = this;
	  wx.getLocation({
	  type: 'wgs84',
	  success: function (res) {
	  that.latitude = res.latitude,
	  that.longitude = res.longitude
	  console.log('纬度=>',that.latitude,'经度=>',that.longitude)
	}
  })
},