Cordova 設(shè)備方向

指南針用于顯示相對(duì)于地理北基點(diǎn)的方向。

步驟1 - 安裝設(shè)備定向插件

打開(kāi)命令提示符窗口并運(yùn)行以下命令。

C:\Users\username\Desktop\CordovaProject>cordova plugin add cordova-plugin-device-orientation

步驟2 - 添加按鈕

如果你按照我們的最后一個(gè)教程，你可能會(huì)注意到這個(gè)插件類(lèi)似于加速插件。在本教程中，我們將遵循相同的概念。讓我們?cè)?strong> index.html 中創(chuàng)建兩個(gè)按鈕。

<button id = "getOrientation">GET ORIENTATION</button>
<button id = "watchOrientation">WATCH ORIENTATION</button>

步驟3 - 添加事件監(jiān)聽(tīng)器

現(xiàn)在我們將在 index.js 中的 onDeviceReady 函數(shù)中添加事件監(jiān)聽(tīng)器。

document.getElementById("getOrientation").addEventListener("click", getOrientation);
document.getElementById("watchOrientation").addEventListener("click", watchOrientation);

步驟4 - 創(chuàng)建函數(shù)

我們將創(chuàng)建兩個(gè)函數(shù)，一個(gè)獲取當(dāng)前加速度，另一個(gè)查看方向更改。您可以看到我們正在使用頻率選項(xiàng)，因?yàn)槲覀兿胍扛羧胗^察一次更改。

function getOrientation(){
   navigator.compass.getCurrentHeading(compassSuccess, compassError);

   function compassSuccess(heading) {
      alert('Heading: ' + heading.magneticHeading);
   };

   function compassError(error) {
      alert('CompassError: ' + error.code);
   };
	
}

function watchOrientation(){
    
   var compassOptions = {
      frequency: 3000
   }

   var watchID = navigator.compass.watchHeading(compassSuccess, compassError, compassOptions);

   function compassSuccess(heading) {
      alert('Heading: ' + heading.magneticHeading);
      setTimeout(function() {
         navigator.compass.clearWatch(watchID);
      }, 10000);

   };

   function compassError(error) {
      alert('CompassError: ' + error.code);
   };
	
}

由于指南針插件幾乎與加速插件相同，我們將在此時(shí)顯示錯(cuò)誤代碼。 某些設(shè)備沒(méi)有磁羅盤(pán)工作所需的磁性傳感器。 如果您的設(shè)備沒(méi)有它，您會(huì)得到以下錯(cuò)誤。