使用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 相关文章推荐
CSS中简写属性要注意TRouBLe的顺序问题(避免踩坑)
Mar 09 HTML / CSS
CSS Grid布局教程之浏览器开启CSS Grid Layout汇总
Dec 30 HTML / CSS
使用CSS3来匹配横屏竖屏的简单方法
Aug 04 HTML / CSS
CSS3中currentColor关键字的妙用
Feb 27 HTML / CSS
HTML5 File接口在web页面上使用文件下载
Feb 27 HTML / CSS
自定义html标记替换html5新增元素
Oct 17 HTML / CSS
Javascript 高级手势使用介绍
Apr 21 HTML / CSS
HTML5中原生的右键菜单创建方法
Jun 28 HTML / CSS
HTML5和CSS3实例教程总结(推荐)
Jul 18 HTML / CSS
HTML5各种头部meta标签的功能(推荐)
Mar 13 HTML / CSS
Html5 Canvas动画基础碰撞检测的实现
Dec 06 HTML / CSS
HTML5 实现图片上传预处理功能
Feb 06 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中判断数组是一维,二维,还是多维的解决方法
2013/05/04 PHP
最佳6款用于移动网站开发的jQuery 图片滑块插件小结
2012/07/20 Javascript
Jquery遍历节点的方法小集
2014/01/22 Javascript
jquery自定义滚动条插件示例分享
2014/02/21 Javascript
使用JavaScript 编写简单计算器
2014/11/24 Javascript
深入理解javascript严格模式(Strict Mode)
2014/11/28 Javascript
JavaScript和HTML DOM的区别与联系及Javascript和DOM的关系
2015/11/15 Javascript
jQuery实现大图轮播
2017/02/13 Javascript
jQuery EasyUI Panel面板组件使用详解
2017/02/28 Javascript
浅谈Vuex的状态管理(全家桶)
2017/11/04 Javascript
VS Code转换大小写、修改选中文字或代码颜色的方法
2017/12/15 Javascript
微信小程序功能之全屏滚动效果的实现代码
2018/11/22 Javascript
通过图带你深入了解vue的响应式原理
2019/06/21 Javascript
JS使用H5实现图片预览功能
2019/09/30 Javascript
[14:20]刀塔大凶女神互压各路奇葩屌丝
2014/05/16 DOTA
[01:04:22]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 IG vs EG
2018/04/01 DOTA
详解Python的Flask框架中生成SECRET_KEY密钥的方法
2016/06/07 Python
Django+Ajax+jQuery实现网页动态更新的实例
2018/05/28 Python
python pandas实现excel转为html格式的方法
2018/10/23 Python
python获取中文字符串长度的方法
2018/11/14 Python
python批量下载网站马拉松照片的完整步骤
2018/12/05 Python
Python语言进阶知识点总结
2019/05/28 Python
python爬虫解决验证码的思路及示例
2019/08/01 Python
python:动态路由的Flask程序代码
2019/11/22 Python
解决pycharm每次打开项目都需要配置解释器和安装库问题
2020/02/26 Python
关于Python字符串显示u...的解决方式
2020/03/06 Python
几款Python编译器比较与推荐(小结)
2020/10/15 Python
python 获取字典键值对的实现
2020/11/12 Python
amaze ui 的使用详细教程
2020/08/19 HTML / CSS
关于幼儿的自我评价
2013/12/18 职场文书
亲子读书活动方案
2014/02/22 职场文书
合伙经营协议书范本
2014/09/13 职场文书
优秀教师申报材料
2014/12/16 职场文书
2016年推广普通话宣传周活动总结
2016/04/06 职场文书
springboot 多数据源配置不生效遇到的坑及解决
2021/11/17 Java/Android
mysql使用 not int 子查询隐含陷阱
2022/04/12 MySQL