cordova - Cordova设备方向 - cordova教程 , 学习cordova , cordova android , cordova ios



  • 指南针是用来显示相对于地理北极的基本点的方向。
cordova教程 - cordova - 
学习cordova - cordova plugin -Cordova文件系统 - Cordova plugin 生成 - Cordova设备方向 - apache cordova的例子

cordova教程 - cordova - 学习cordova - cordova plugin - Cordova文件系统 - apache cordova网址访问 - Cordova plugin 生成 - - Cordova设备方向 - apache cordova的例子

Wikitechy cordova tutorial tags - apache cordova , cordova教程 , 学习cordova , cordova android , cordova ios , cordova plugin add , cordova android studio , phonegap android , phonegap ios , cordova下载 , apache cordova是什么 , cordova plugin开发 , apache cordova教程 , cordova 教程 , cordova插件开发 , cordova菜鸟教程 , 菲律宾cordova岛 , cordova 持续定位

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

  • 打开命令提示符窗口,并运行以下命令。
C:\Users\username\Desktop\CordovaProject>cordova plugin add cordova-plugin-device-orientation
Clicking "Copy Code" button will copy the code into the clipboard - memory. Please paste(Ctrl+V) it in your destination. The code will get pasted. Happy coding from Wikitechy cordova tutorial team

第2步 - 添加按钮

  • 如果你有学习我们前面教程,你可能会注意到,这个插件它类似于加速度插件。我们在本教程中使用的是同一个概念。让我们在 index.html 文件中创建两个按钮
<button id = "getOrientation">GET ORIENTATION</button>
<button id = "watchOrientation">WATCH ORIENTATION</button>
Clicking "Copy Code" button will copy the code into the clipboard - memory. Please paste(Ctrl+V) it in your destination. The code will get pasted. Happy coding from Wikitechy cordova tutorial team

第3步 - 添加事件监听器

  • 现在,我们将在index.js中的 onDeviceReady函数内部添加事件侦听器。
document.getElementById("getOrientation").addEventListener("click", getOrientation);
document.getElementById("watchOrientation").addEventListener("click", watchOrientation);
Clicking "Copy Code" button will copy the code into the clipboard - memory. Please paste(Ctrl+V) it in your destination. The code will get pasted. Happy coding from Wikitechy cordova tutorial team

第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);
   };
	
} 
Clicking "Copy Code" button will copy the code into the clipboard - memory. Please paste(Ctrl+V) it in your destination. The code will get pasted. Happy coding from Wikitechy cordova tutorial team
    • 由于指南针插件几乎与加速度插件是一样的,这次我们告诉你错误代码。一些设备不具有指南针工作所需要的磁传感器。如果您的设备没有,会得到下面的错误。
     device orientation

    学习cordova - cordova教程 - 设备导向 - cordova示例 - cordova程序s

    cordova教程 - cordova - 
学习cordova - 
cordova plugin -Cordova文件系统 - Cordova plugin 生成 -  
- Cordova设备方向 - apache cordova的例子

    cordova教程 - cordova - 学习cordova - cordova plugin - Cordova文件系统 - apache cordova网址访问 - Cordova plugin 生成 - - Cordova设备方向 - apache cordova的例子


    wikitechy provides you the following points such as cordova , cordova教程 , 学习cordova , cordova android , cordova ios , cordova plugin add , cordova android studio , phonegap android , phonegap ios , cordova api , cordova-android , phonegap cordova , cordova plugin , cordova下载 , apache cordova是什么 , cordova cli , cordova plugin开发 , apache cordova教程 , cordova 教程 , vue cordova , ngcordova , ionic cordova , cordova plugin file , cordova 安装 , ionic 会取代cordova么 , cordova怎么样 , cordova插件开发 ,cordova菜鸟教程 , cordova react , cordova ionic vuejs , 菲律宾cordova岛 , cordova 持续定位 , phonegap , cordoba , cordova plugins , cardova , apache cordova , cordova phonegap , ionic cordova phonegap , apache cordova alternatives , cordova for visual studio , best ide for cordova development , create cordova plugin android , cordova ios 4 , apache cordova download , cordova build command , cordova web support , cordova webview android , how to install cordova , phonegap developer , apache cordova ionic , cordova command

    Related Searches to Cordova设备方向


    wikitechy provides you the following points such as cordova , cordova教程 , 学习cordova , cordova android , cordova ios , cordova plugin add , cordova android studio , phonegap android , phonegap ios , cordova api , cordova-android , phonegap cordova , cordova plugin , cordova下载 , apache cordova是什么 , cordova cli , cordova plugin开发 , apache cordova教程 , cordova 教程 , vue cordova , ngcordova , ionic cordova , cordova plugin file , cordova 安装 , ionic 会取代cordova么 , cordova怎么样 , cordova插件开发 ,cordova菜鸟教程 , cordova react , cordova ionic vuejs , 菲律宾cordova岛 , cordova 持续定位 , phonegap , cordoba , cordova plugins , cardova , apache cordova , cordova phonegap , ionic cordova phonegap , apache cordova alternatives , cordova for visual studio , best ide for cordova development , create cordova plugin android , cordova ios 4 , apache cordova download , cordova build command , cordova web support , cordova webview android , how to install cordova , phonegap developer , apache cordova ionic , cordova command

    Related Searches to Cordova设备方向

    cordova - Cordova设备方向 - cordova教程 , 学习cordova , cordova android , cordova ios



    • 指南针是用来显示相对于地理北极的基本点的方向。
    Wikitechy cordova tutorial tags - apache cordova , cordova教程 , 学习cordova , cordova android , cordova ios , cordova plugin add , cordova android studio , phonegap android , phonegap ios , cordova下载 , apache cordova是什么 , cordova plugin开发 , apache cordova教程 , cordova 教程 , cordova插件开发 , cordova菜鸟教程 , 菲律宾cordova岛 , cordova 持续定位

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

    • 打开命令提示符窗口,并运行以下命令。
    C:\Users\username\Desktop\CordovaProject>cordova plugin add cordova-plugin-device-orientation

    第2步 - 添加按钮

    • 如果你有学习我们前面教程,你可能会注意到,这个插件它类似于加速度插件。我们在本教程中使用的是同一个概念。让我们在 index.html 文件中创建两个按钮
    <button id = "getOrientation">GET ORIENTATION</button>
    <button id = "watchOrientation">WATCH ORIENTATION</button>

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

      wikitechy provides you the following points such as cordova , cordova教程 , 学习cordova , cordova android , cordova ios , cordova plugin add , cordova android studio , phonegap android , phonegap ios , cordova api , cordova-android , phonegap cordova , cordova plugin , cordova下载 , apache cordova是什么 , cordova cli , cordova plugin开发 , apache cordova教程 , cordova 教程 , vue cordova , ngcordova , ionic cordova , cordova plugin file , cordova 安装 , ionic 会取代cordova么 , cordova怎么样 , cordova插件开发 ,cordova菜鸟教程 , cordova react , cordova ionic vuejs , 菲律宾cordova岛 , cordova 持续定位 , phonegap , cordoba , cordova plugins , cardova , apache cordova , cordova phonegap , ionic cordova phonegap , apache cordova alternatives , cordova for visual studio , best ide for cordova development , create cordova plugin android , cordova ios 4 , apache cordova download , cordova build command , cordova web support , cordova webview android , how to install cordova , phonegap developer , apache cordova ionic , cordova command

      Related Searches to Cordova设备方向