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

<view class="container">
 <button bindtap='getLocation'>获取位置</button>
 <view wx:if="{{latitude !=''}}">
  <view>纬度:{{latitude}}</view>
  <view>经度:{{longitude}}</view>
  <view>速度:{{speed}}</view>
  <view>位置的精确度:{{auracy}}</view>
  <view>高度:{{altitude}}</view>
  <view>垂直精度:{{auracy}}</view>
  <view>水平精度:{{auracy}}</view>
 </view>
</view>

//index.js
//获取应用实例
const app = getApp()
Page({
 data: {
  latitude: '',
  longitude: '',
  speed: '',
  auracy: '',
  altitude:'',
  verticalAuracy: '',
  horizontalAuracy:''
 },
 onLoad: function () {
 },
 getLocation:function(){
  var _this=this;
  wx.getLocation({
   type: 'wgs84',
   suess: function (res) {
    var latitude = res.latitude
    var longitude = res.longitude
    var speed = res.speed
    var auracy = res.auracy
    var altitude = res.altitude
    var verticalAuracy = res.verticalAuracy
    var horizontalAuracy = res.horizontalAuracy
    _this.setData({
     latitude: latitude,
     longitude: longitude,
     speed: speed,
     auracy: auracy,
     altitude: altitude,
     verticalAuracy: verticalAuracy,
     horizontalAuracy: horizontalAuracy
    })
   }
  })
 }
})

<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({
   suess: 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
    })
   }
  })
 }
})