使用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 object-fit属性
Jul 27 HTML / CSS
分享30个新鲜的CSS3打造的精美绚丽效果(附演示下载)
Dec 28 HTML / CSS
利用CSS3的特性改变文本选中时的颜色
Sep 11 HTML / CSS
HTML5 File API改善网页上传功能
Aug 19 HTML / CSS
HTML4和HTML5之间除了相似以外的10个主要不同
Dec 13 HTML / CSS
html5+svg学习指南之SVG基础知识
Dec 17 HTML / CSS
详解前端HTML5几种存储方式的总结
Dec 27 HTML / CSS
HTML5 拖放(Drag 和 Drop)详解与实例代码
Sep 14 HTML / CSS
Html5原创俄罗斯方块(基于canvas)
Jan 07 HTML / CSS
html5手机键盘弹出收起的处理
Jan 20 HTML / CSS
CSS3实现的水平标题菜单
Apr 14 HTML / CSS
使用CSS3实现按钮悬停闪烁动态特效代码
Aug 30 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
日本十大科幻动漫 宇宙骑士垫底,第一已成经典
2020/03/04 日漫
虫族 Zerg 热键控制
2020/03/14 星际争霸
BBS(php &amp; mysql)完整版(八)
2006/10/09 PHP
php数据结构与算法(PHP描述) 快速排序 quick sort
2012/06/21 PHP
提高php运行速度的一些小技巧分享
2012/07/03 PHP
PHP获取数组中某元素的位置及array_keys函数应用
2013/01/29 PHP
详解PHP中cookie和session的区别及cookie和session用法小结
2016/06/12 PHP
作为PHP程序员你要知道的另外一种日志
2018/07/30 PHP
PHP实现一个限制实例化次数的类示例
2019/09/16 PHP
PHP实现文件上传与下载
2020/08/28 PHP
Javascript 面向对象之重载
2010/05/04 Javascript
使用隐藏的new来创建对象
2011/03/29 Javascript
js阻止冒泡及jquery阻止事件冒泡示例介绍
2013/11/19 Javascript
JavaScript+html5 canvas制作的圆中圆效果实例
2016/01/27 Javascript
angularjs2中父子组件的数据传递的实例代码
2017/07/05 Javascript
Vue头像处理方案小结
2018/07/26 Javascript
js使用ajax传值给后台,后台返回字符串处理方法
2018/08/08 Javascript
node+multer实现图片上传的示例代码
2020/02/18 Javascript
react-intl实现React国际化多语言的方法
2020/09/27 Javascript
Python 3.7新功能之dataclass装饰器详解
2018/04/21 Python
Tornado Web Server框架编写简易Python服务器
2018/07/28 Python
pytorch 加载(.pth)格式的模型实例
2019/08/20 Python
解决python3 requests headers参数不能有中文的问题
2019/08/21 Python
python argparse模块通过后台传递参数实例
2020/04/20 Python
ITK 实现多张图像转成单个nii.gz或mha文件案例
2020/07/01 Python
无惧面试,带你搞懂python 装饰器
2020/08/17 Python
“型”走纽约上东区:Sam Edelman
2017/04/02 全球购物
施华洛世奇匈牙利官网:SWAROVSKI匈牙利
2019/07/06 全球购物
如何删除一个表里面的重复行
2013/07/13 面试题
职业规划书如何设计?
2014/01/09 职场文书
先进员工获奖感言
2014/08/14 职场文书
公司自我介绍演讲稿
2014/08/21 职场文书
年终工作总结范文2014
2014/11/27 职场文书
监理中标通知书
2015/04/16 职场文书
《确定位置》教学反思
2016/02/18 职场文书
CentOS7环境下MySQL8常用命令小结
2022/06/10 Servers