使用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 相关文章推荐
浅析两列自适应布局的3种思路
May 03 HTML / CSS
分享8款纯CSS3实现的搜索框功能
Sep 14 HTML / CSS
基于CSS3实现的几个小loading效果
Sep 27 HTML / CSS
利用CSS3实现文本框的清除按钮相关的一些效果
Jun 23 HTML / CSS
使用HTML和CSS3绘制基本卡通图案的示例分享
Nov 06 HTML / CSS
CSS3实现自定义Checkbox特效实例代码
Apr 24 HTML / CSS
webapp字号大小跟随系统字号大小缩放的示例代码
Dec 26 HTML / CSS
利用HTML5实现使用按钮控制背景音乐开关
Sep 21 HTML / CSS
前端实现背景虚化但内容清晰且自适应 的实例代码
Aug 01 HTML / CSS
Html5监听手机摇一摇事件的实现
Nov 07 HTML / CSS
h5封装下拉刷新
Aug 25 HTML / CSS
详解Html5项目适配系统深色模式方案总结
Apr 14 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设计模式 php实现桥梁模式(bridge)
2015/12/07 PHP
PHP+JQuery+Ajax实现分页方法详解
2016/08/06 PHP
YII框架常用技巧总结
2019/04/27 PHP
PHP 并发场景的几种解决方案
2019/06/14 PHP
javascript 避免闭包引发的问题
2009/03/17 Javascript
Jquery截取中文字符串的实现代码
2010/12/22 Javascript
jquery 图片上传按比例预览插件集合
2011/05/28 Javascript
js获取GridView中行数据的两种方法 分享
2013/07/13 Javascript
javascript break指定标签打破多层循环示例
2014/01/20 Javascript
js(JavaScript)实现TAB标签切换效果的简单实例
2014/02/26 Javascript
JavaScript中操作字符串之localeCompare()方法的使用
2015/06/06 Javascript
Bootstrap基本模板的使用和理解1
2016/12/14 Javascript
js按条件生成随机json:randomjson实现方法
2017/04/07 Javascript
jQuery Ajax使用FormData上传文件和其他数据后端web.py获取
2017/06/11 jQuery
Vue.js结合Ueditor富文本编辑器的实例代码
2017/07/11 Javascript
easyui下拉框动态级联加载的示例代码
2017/11/29 Javascript
jQuery 实现扁平式小清新导航
2020/07/07 jQuery
基于 Vue 的 Electron 项目搭建过程图文详解
2020/07/22 Javascript
vue3.0 加载json的方法(非ajax)
2020/10/26 Javascript
angular *Ngif else用法详解
2020/12/15 Javascript
[49:08]Secret vs VP 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
[50:48]LGD vs CHAOS 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
Tornado 多进程实现分析详解
2018/01/12 Python
人工神经网络算法知识点总结
2019/06/11 Python
Python通过字典映射函数实现switch
2020/11/06 Python
python 实现全球IP归属地查询工具
2020/12/18 Python
Pharmacy Online中文直邮网站:澳洲大型药房
2020/06/27 全球购物
单位办理社保介绍信
2014/01/10 职场文书
迟到检讨书900字
2014/01/14 职场文书
毕业生应聘求职信
2014/07/10 职场文书
争先创优个人总结
2015/03/04 职场文书
集团财务总监岗位职责
2015/04/03 职场文书
生产车间管理制度
2015/08/04 职场文书
应届毕业生的自我评价
2019/06/21 职场文书
jdbc中自带MySQL 连接池实践示例
2022/07/23 MySQL
ubuntu开机后ROS程序自启动问题
2022/12/24 Servers