📌  相关文章
📜  Cordova-设备方向

📅  最后修改于: 2020-12-09 05:33:44             🧑  作者: Mango

指南针用于显示相对于地理北基点的方向。

第1步-安装设备方向插件

打开命令提示符窗口，然后运行以下命令。

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

第2步-添加按钮

该插件类似于加速插件。现在让我们在index.html中创建两个按钮。

第3步-添加事件监听器

现在，我们将在index.js的onDeviceReady函数内添加事件侦听器。

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

第4步-创建函数

我们将创建两个函数；第一个函数将生成当前加速度，另一个函数将检查方向变化。您可以看到，我们再次使用了频率选项来监视每三秒钟发生的更改。

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

由于指南针插件与加速插件几乎相同，因此这次我们将向您显示错误代码。某些设备没有指南针工作所需的磁传感器。如果您的设备没有此设备，则会显示以下错误。

科尔多瓦指南针错误