swan.startCompass

解释：开始监听罗盘数据。
Web 态说明：由于浏览器对于 W3C 规范的实现差异，startCompass 功能在部分浏览器(比如 Safari 浏览器)下不可用，在功能不可用情况下会执行开发者设置的 fail 回调。

方法参数

Object object

object 参数说明

示例

跳转编辑工具

在开发者工具中打开

在 WEB IDE 中打开

扫码体验

代码示例

请使用百度APP扫码

图片示例

代码示例

• SWAN
• JS

<view class="card-area">
    <view class="wrap">
        <view class="page-top">
            <view class="tip-week">{{title}}</view>
        </view>
        <view class="direction">
            <view class="bg-compass-line"></view>
            <view class="bg-compass" style="transform: rotate(-{{direction}}deg)">
                <view class="num num0" style="transform: rotate({{direction}}deg)">0</view>
                <view class="num num90" style="transform: rotate({{direction}}deg)">90</view>
                <view class="num num180" style="transform: rotate({{direction}}deg)">180</view>
                <view class="num num270" style="transform: rotate({{direction}}deg)">270</view>
            </view>
            <div class="cg-wrap">
                <div class="circle-left-wrap"><div class="circle-left" style="transform:rotate({{leftdeg}}deg);transform-origin:50% 50%"></div></div>
                <div class="circle-right-wrap"><div class="circle-right" style="transform:rotate({{rightdeg}}deg);transform-origin:50% 50%"></div></div>
                <div class="mask">
                    <view class="direction-num">
                        <text>{{direction}}</text>
                        <text class="direction-degree"></text>
                    </view>
                </div>
            </div>
        </view>
        <view class="page-body-btn">
            <view class="middle-btn {{!isWatch ? '' : 'disabled'}}" bind:tap="startWatch">开始监听</view>
            <view class="middle-btn {{!isWatch ? 'disabled' : ''}}" bind:tap="stopWatch">停止监听</view >
        </view>
    </view>
</view>