使用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弹性盒模型实例介绍
May 27 HTML / CSS
简单介绍CSS3中Media Query的使用
Jul 07 HTML / CSS
使用CSS3来实现滚动视差效果的教程
Aug 24 HTML / CSS
CSS3中currentColor关键字的妙用
Feb 27 HTML / CSS
CSS3的first-child选择器实战攻略
Apr 28 HTML / CSS
利用CSS3伪元素实现逐渐发光的方格边框
May 07 HTML / CSS
详解HTML5通讯录获取指定多个人的信息
Dec 20 HTML / CSS
微信浏览器左上角返回按钮拦截功能
Nov 21 HTML / CSS
html5+svg学习指南之SVG基础知识
Dec 17 HTML / CSS
使用html5新特性轻松监听任何App自带返回键的示例
Mar 13 HTML / CSS
wordpress添加Html5的表单验证required方法小结
Aug 18 HTML / CSS
CSS代码检查工具stylelint的使用方法详解
Mar 27 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字符串截取中文截取2,单字节截取模式
2007/12/10 PHP
php中将一段数据存到一个txt文件中并显示其内容
2014/08/15 PHP
php返回相对时间(如:20分钟前,3天前)的方法
2015/04/14 PHP
PHP生成json和xml类型接口数据格式
2015/05/17 PHP
PHP实现简单数字分页效果
2015/07/26 PHP
php集成开发环境详解
2019/09/24 PHP
基于ThinkPHP删除目录及目录文件函数
2020/10/28 PHP
Extjs TriggerField在弹出窗口显示不出问题的解决方法
2010/01/08 Javascript
JQuery优缺点分析说明
2011/04/10 Javascript
深入理解JavaScript系列(6) 强大的原型和原型链
2012/01/15 Javascript
JQuery选择器绑定事件及修改内容的方法
2015/01/23 Javascript
jquery实现的蓝色二级导航条效果代码
2015/08/24 Javascript
轻松实现Bootstrap图片轮播
2020/04/20 Javascript
基于AngularJS+HTML+Groovy实现登录功能
2016/02/17 Javascript
JavaScript中setTimeout和setInterval函数的传参及调用
2016/03/11 Javascript
vue.js学习笔记:如何加载本地json文件
2017/01/17 Javascript
vue项目中应用ueditor自定义上传按钮功能
2018/04/27 Javascript
Vue中使用vee-validate表单验证的方法
2018/05/09 Javascript
jQuery实现的导航条点击后高亮显示功能示例
2019/03/04 jQuery
JavaScript队列结构Queue实现过程解析
2020/03/07 Javascript
javascript实现贪吃蛇游戏(娱乐版)
2020/08/17 Javascript
Python实现端口复用实例代码
2014/07/03 Python
python解析基于xml格式的日志文件
2017/02/25 Python
python中numpy包使用教程之数组和相关操作详解
2017/07/30 Python
Django使用HttpResponse返回图片并显示的方法
2018/05/22 Python
Python快速查找list中相同部分的方法
2018/06/27 Python
pytorch 实现打印模型的参数值
2019/12/30 Python
python是怎么被发明的
2020/06/15 Python
欧洲著名的珠宝和手表网上商城:uhrcenter
2017/04/10 全球购物
自我评价范文
2013/12/22 职场文书
关于环保的标语
2014/06/13 职场文书
奉献家乡演讲稿
2014/09/16 职场文书
高中升旗仪式主持词
2015/07/03 职场文书
学长教您写论文:经验总结
2019/07/09 职场文书
详解TS数字分隔符和更严格的类属性检查
2021/05/06 Javascript
自动在Windows中运行Python脚本并定时触发功能实现
2021/09/04 Python