使用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实现针线缝合效果(图解步骤)
Feb 04 HTML / CSS
CSS中几个与换行有关的属性简明总结
Apr 15 HTML / CSS
使用CSS3滤镜的filter:blur属性制作毛玻璃模糊效果的方法
Jul 08 HTML / CSS
利用CSS3把图片变成灰色模式的实例代码
Sep 06 HTML / CSS
CSS3 仿微信聊天小气泡实例代码
Apr 05 HTML / CSS
HTML5使用DOM进行自定义控制示例代码
Jun 08 HTML / CSS
html5 worker 实例(二) 图片变换效果
Jun 24 HTML / CSS
HTML5实现WebSocket协议原理浅析
Jul 07 HTML / CSS
HTML5中图片之间的缝隙完美解决方法
Jul 07 HTML / CSS
HTML5自定义mp3播放器源码
Jan 06 HTML / CSS
浅析HTML5 meta viewport参数
Oct 28 HTML / CSS
CSS极坐标的实例代码
Jun 03 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获取本周第一天和最后一天示例代码
2014/02/24 PHP
php生成shtml类用法实例
2014/12/09 PHP
php获取网站根目录物理路径的几种方法(推荐)
2017/03/04 PHP
PHP中define() 与 const定义常量的区别详解
2019/06/25 PHP
PHP8.0新功能之Match表达式的使用
2020/07/19 PHP
JS 事件绑定函数代码
2010/04/28 Javascript
javascript的原生方法获取数组中的最大(最小)值
2012/12/19 Javascript
关于JS中的闭包浅谈
2013/08/23 Javascript
JQuery实现可直接编辑的表格
2015/04/16 Javascript
JQuery自适应窗口大小导航菜单附源码下载
2015/09/01 Javascript
javascript原生ajax写法分享
2016/04/10 Javascript
JavaScript根据CSS的Media Queries来判断浏览设备的方法
2016/05/10 Javascript
node.js发送邮件email的方法详解
2017/01/06 Javascript
vue2.0使用Sortable.js实现的拖拽功能示例
2017/02/21 Javascript
jquery实现放大镜简洁代码(推荐)
2017/06/08 jQuery
jQuery利用FormData上传文件实现批量上传
2018/12/04 jQuery
深入探讨JavaScript的最基本部分之执行上下文
2019/02/12 Javascript
JavaScript数据结构与算法之基本排序算法定义与效率比较【冒泡、选择、插入排序】
2019/02/21 Javascript
JavaScript基于用户照片姓名生成海报
2020/05/29 Javascript
python使用pymysql实现操作mysql
2016/09/13 Python
django使用图片延时加载引起后台404错误
2017/04/18 Python
Python编程实现双链表,栈,队列及二叉树的方法示例
2017/11/01 Python
django项目搭建与Session使用详解
2018/10/10 Python
删除DataFrame中值全为NaN或者包含有NaN的列或行方法
2018/11/06 Python
Python的numpy库下的几个小函数的用法(小结)
2019/07/12 Python
Python队列RabbitMQ 使用方法实例记录
2019/08/05 Python
Python操作远程服务器 paramiko模块详细介绍
2019/08/07 Python
Pytorch 使用CNN图像分类的实现
2020/06/16 Python
美国知名的百货清仓店:Neiman Marcus Last Call
2016/08/03 全球购物
馥绿德雅美国官方网站:Rene Furterer头皮护理专家
2019/05/01 全球购物
大宝sod蜜广告词
2014/03/21 职场文书
星级党支部申报材料
2014/05/31 职场文书
交通志愿者活动总结
2014/06/27 职场文书
上党课的心得体会
2014/09/02 职场文书
领导四风问题整改措施思想汇报
2014/10/13 职场文书
详解MySQL数据库千万级数据查询和存储
2021/05/18 MySQL