微信小程序3種位置API的使用方法詳解

獲取位置

桓臺網站制作公司哪家好，找創新互聯建站！從網頁設計、網站建設、微信開發、APP開發、成都響應式網站建設公司等網站項目制作，到程序開發，運營維護。創新互聯建站自2013年起到現在10年的時間，我們擁有了豐富的建站經驗和運維經驗，來保證我們的工作的順利進行。專注于網站建設就選創新互聯建站。

獲取當前的地理位置、速度。當用戶離開小程序后，此接口無法調用；當用戶點擊“顯示在聊天頂部”時，此接口可繼續調用。

微信小程序3種位置API的使用方法詳解

wx.getLocation(object)

微信小程序3種位置API的使用方法詳解

<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

微信小程序3種位置API的使用方法詳解

wx.chooseLocation(object)

微信小程序3種位置API的使用方法詳解

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

使用微信內置地圖查看位置

使用微信內置地圖查看位置。

微信小程序3種位置API的使用方法詳解