罗盘API

本文编辑：  Flyinthesky浏览 4618 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)
})