使用phonegap获取位置信息的实现方法


Posted in HTML / CSS onMarch 31, 2017

实例如下:

<!DOCTYPE html> 
<html> 
  
    <head> 
        <meta charset="UTF-8"> 
        <title>Compass Example</title> 
  
        <script type="text/javascript" charset="UTF-8" src="cordova.js"></script> 
        <script type="text/javascript" charset="UTF-8"> 
            document.addEventListener("deviceready", onDeviceReady, false); 
  
            function onDeviceReady() { 
                getPosition(); 
            } 
              
            //获取当前位置信息 
            function getPosition() { 
                navigator.geolocation.getCurrentPosition(onSuccess,onError); 
            } 
  
  
            //错误的回调  
            function onError(error) { 
                alert('code:'+error.code+'\n'+'message:'+error.message+'\n'); 
            } 
  
            //成功的回调  
            function onSuccess(position) { 
                alert('Latitude:'+position.coords.latitude+'\n'+ 
                'Longitude:'+position.coords.longitude+'\n'+ 
                'Altitude:'+position.coords.altitude+'\n'+ 
                'Accuracy:'+position.coords.accuracy+'\n'+ 
                'Altitude Accuracy:'+position.coords.altitudeAccuracy+'\n'+ 
                'Heading:'+position.coords.heading+'\n'+ 
                'Speed:'+position.coords.speed+'\n'+ 
                'Timestamp:'+new Date(position.timeStamp)+'\n'); 
            } 
        </script> 
    </head> 
  
    <body> 
        <button onclick="getPosition();">Start Watching</button> 
    </body> 
  
</html>

以上这篇使用phonegap获取位置信息的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

HTML / CSS 相关文章推荐
CSS3中Transform动画属性用法详解
Jul 04 HTML / CSS
基于CSS3实现的几个小loading效果
Sep 27 HTML / CSS
IE兼容css3圆角的实现代码
Jul 21 HTML / CSS
CSS3线性渐变简单实现以及该属性在浏览器中的不同
Dec 12 HTML / CSS
css sprite简单实例
May 23 HTML / CSS
CSS3实现头像旋转效果
Mar 13 HTML / CSS
CSS3移动端vw+rem不依赖JS实现响应式布局的方法
Jan 23 HTML / CSS
CSS3贝塞尔曲线示例:创建链接悬停动画效果
Nov 19 HTML / CSS
详解html5 canvas 微信海报分享(个人爬坑)
Jan 12 HTML / CSS
canvas 下载二维码和图片加水印的方法
Mar 21 HTML / CSS
HTML5中的websocket实现直播功能
May 21 HTML / CSS
html用代码制作虚线框怎么做? dw制作虚线圆圈的技巧
Dec 24 HTML / CSS
使用phonegap操作数据库的实现方法
Mar 31 #HTML / CSS
使用phonegap进行本地存储的实现方法
Mar 31 #HTML / CSS
使用phonegap创建联系人的实现方法
Mar 30 #HTML / CSS
使用phonegap进行提示操作的具体方法
Mar 30 #HTML / CSS
详解HTML5之pushstate、popstate操作history,无刷新改变当前url
Mar 15 #HTML / CSS
HTML5无刷新改变当前url的代码
Mar 15 #HTML / CSS
HTML5各种头部meta标签的功能(推荐)
Mar 13 #HTML / CSS
You might like
谈谈PHP语法(4)
2006/10/09 PHP
php运行报错Call to undefined function curl_init()的最新解决方法
2016/11/20 PHP
javascript学习笔记(九)javascript中的原型(prototype)及原型链的继承方式
2011/04/12 Javascript
jquery获取一组checkbox的值(实例代码)
2013/11/04 Javascript
纯js写的分页表格数据为json串
2014/02/18 Javascript
jQuery 选择器详解
2015/01/19 Javascript
jQuery实现点击小图片淡入淡出显示大图片特效
2015/09/09 Javascript
Nodejs下DNS缓存问题浅析
2016/11/16 NodeJs
Vue开发过程中遇到的疑惑知识点总结
2017/01/20 Javascript
jquery仿ps颜色拾取功能
2017/03/08 Javascript
js 获取json数组里面数组的长度实例
2017/10/31 Javascript
基于vue 实现token验证的实例代码
2017/12/14 Javascript
Vue单页面应用保证F5强刷不清空数据的解决方案
2018/01/31 Javascript
Vue2.0仿饿了么webapp单页面应用详细步骤
2018/07/08 Javascript
详解vue中的computed的this指向问题
2018/12/05 Javascript
Vue+tracking.js 实现前端人脸检测功能
2020/04/16 Javascript
JavaScript监听键盘事件代码实现
2020/06/03 Javascript
[04:16]DOTA2英雄梦之声_第09期_斧王
2014/06/21 DOTA
python中使用enumerate函数遍历元素实例
2014/06/16 Python
用Python实现换行符转换的脚本的教程
2015/04/16 Python
Python生成不重复随机值的方法
2015/05/11 Python
python 获取网页编码方式实现代码
2017/03/11 Python
python使用两种发邮件的方式smtp和outlook示例
2017/06/02 Python
Python通过Django实现用户注册和邮箱验证功能代码
2017/12/11 Python
Python中的异常处理try/except/finally/raise用法分析
2019/02/28 Python
python tkinter canvas 显示图片的示例
2019/06/13 Python
Python调用Windows API函数编写录音机和音乐播放器功能
2020/01/05 Python
python输出pdf文档的实例
2020/02/13 Python
Python logging模块写入中文出现乱码
2020/05/21 Python
python压包的概念及实例详解
2021/02/17 Python
独特的礼品和创新的科技产品:The Grommet
2018/02/24 全球购物
巴西备受欢迎的服装和生活方式品牌:FARM Rio
2020/02/04 全球购物
八年级音乐教学反思
2014/01/09 职场文书
学校地质灾害防治方案
2014/06/10 职场文书
2020优秀员工演讲稿(三篇)
2019/10/17 职场文书
Nginx开启Brotli压缩算法实现过程详解
2021/03/31 Servers