zoukankan      html  css  js  c++  java
  • PhoneGap学习笔记(三) 加速计、罗盘、地理位置

    加速计方法

     var watchID=navigator.accelerometer.watchAcceleration(onSuccess,onError,{frequency:500});

    第一个参数为成功回调,第二个为失败回调,第三个为参数,表示每隔多少毫秒获取一次数据,方法返回一个ID

    该ID用户清除加速计监听:

    navigator.accelerometer.clearWatch(watchID);

    加速计获取加速数据成功后会调用onSuccess方法

    var msg=document.getElementById("msg");
    var x=document.getElementById("x");
    var y=document.getElementById("y");
    var z=document.getElementById("z");
    function onSuccess(acceleration){
    msg.innerHTML=acceleration.timestamp; x.innerHTML
    =acceleration.x; y.innerHTML=acceleration.y; z.innerHTML=acceleration.z; }

     罗盘方法:

    var watchID=navigator.compass.watchHeading(onSuccess,onError,{frequency:500});

    清除监听

    navigator.compass.clearWatch(watchID);

    罗盘获取加速数据成功后会调用onSuccess方法

    function onSuccess(heading){
    x.innerHTML=heading.magneticHeading;
    }

    地理位置:

    function init(){ 
      var watchID=navigator.geolocation.watchPosition(onSuccess,onError,{frequency:500});
      //navigator.geolocation.clearWatch(watchID);
    }
    function onSuccess(position){
        msg.innerHTML='纬度: '    + position.coords.latitude          + '
    ' +
              '经度: '            + position.coords.longitude         + '
    ' +
              '高度: '            + position.coords.altitude          + '
    ' +
              '经纬度读取经度(米):' + position.coords.accuracy          + '
    ' +
              '高度读取经度(米): '  + position.coords.altitudeAccuracy  + '
    ' +
              '方向: '            + position.coords.heading           + '
    ' +
              '速度: '            + position.coords.speed             + '
    ' +
              '时间戳: '          + position.timestamp                + '
    ';
    }
    function onError(){
        
    }
  • 相关阅读:
    如何修改 gitlab 的项目名称
    Vue 项目中 webSocket 的使用(服务端是 Java Spring boot)
    如何能选到好的车牌号
    实现微信,浏览器,App中H5的路线规划
    H5 navigator.geolocation demo
    npm package.json 中版本指定符号: ~ 、^、*
    小程序中静态资源绝对路径的写法
    重置gvim8 ctrl+f的翻页功能
    [TS]Map的基本操作
    [TS]闭包测试
  • 原文地址:https://www.cnblogs.com/wangjiajun/p/4048569.html
Copyright © 2011-2022 走看看