本文編輯：  Flyinthesky瀏覽 4995 1 版權所有，嚴禁轉載

接口說明:

一個類似于指南針的接口，導航類APP應用接口。

接口用法：

【圖片】

【代碼】

wxml

<view class="container">
  <template is="header" data="{{title: 'onCompassChange'}}"/>

  <view class="page-body">
    <view class="page-body-wrapper">
      <text class="page-body-text">旋轉手機即可獲取方位信息</text>
      <view class="direction">
        <text class="direction-value">{{direction}}</text>
        <text class="direction-degree">o</text>
      </view>
    </view>
  </view>

  <template is="footer" />
</view>

js

Page({
  data: {
    direction: 0
  },
  onReady: function () {
    var that = this
    wx.onCompassChange(function (res) {
      that.setData({
        direction: parseInt(res.direction)
      })
    })
  }
})

wxss

.direction {
  margin-top: 100rpx;
  display: flex;
}
.direction-value {
  font-size: 200rpx;
}
.direction-degree {
  font-size: 40rpx;
}

主要方法：

wx.onCompassChange(CALLBACK)

【方法內容描述】

wx.onCompassChange(function (res) {
  console.log(res.direction)
})