使用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实现阅读进度条
Feb 27 HTML / CSS
CSS3教程(6):创建网站多列
Apr 02 HTML / CSS
CSS3动画效果回调处理详解
Dec 10 HTML / CSS
利用SVG和CSS3来实现一个炫酷的边框动画
Jul 22 HTML / CSS
CSS3 RGBA色彩模式使用实例讲解
Apr 26 HTML / CSS
Css3新特性应用之形状总结
Dec 08 HTML / CSS
HTML5 Web Database 数据库的SQL语句的使用方法
Dec 09 HTML / CSS
使用html5+css3来实现slider切换效果告别javascript+css
Jan 08 HTML / CSS
HTML5 source标签:媒介元素定义媒介资源
Jan 29 HTML / CSS
Canvas系列之滤镜效果
Feb 12 HTML / CSS
解决HTML5中滚动到底部的事件问题
Aug 22 HTML / CSS
不要在HTML中滥用div
May 08 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 Undefined index的问题
2009/06/01 PHP
PHP发明人谈MVC和网站设计架构 貌似他不支持php用mvc
2011/06/04 PHP
深入解析php中的foreach函数
2013/08/31 PHP
php读取mysql的简单实例
2014/01/15 PHP
PHP中__FILE__、dirname与basename用法实例分析
2014/12/01 PHP
PHP实现的用户注册表单验证功能简单示例
2019/02/25 PHP
图片上传即时显示缩略图的js代码
2009/05/27 Javascript
关于this和self的使用说明
2010/08/01 Javascript
javascript自启动函数的问题探讨
2013/10/05 Javascript
js实现幻灯片效果(基于jquery插件)
2013/11/05 Javascript
Javascript函数的参数
2015/07/16 Javascript
jQuery实现非常实用漂亮的select下拉菜单选择效果
2015/11/06 Javascript
JQuery的常用选择器、过滤器、方法全面介绍
2016/05/25 Javascript
JS及PHP代码编写八大排序算法
2016/07/12 Javascript
原生JS实现匀速图片轮播动画
2016/10/18 Javascript
Angular ui.bootstrap.pagination分页
2017/01/20 Javascript
微信小程序 五星评价功能的实现
2017/03/09 Javascript
vue.js实现刷新当前页面的方法教程
2017/07/05 Javascript
基于JavaScript实现新增内容滚动播放效果附完整代码
2017/08/24 Javascript
微信小程序wx.getImageInfo()如何获取图片信息
2018/01/26 Javascript
jQuery中的类名选择器(.class)用法简单示例
2018/05/14 jQuery
微信小程序静默登录的实现代码
2020/01/08 Javascript
VSCode写vue项目一键生成.vue模版,修改定义其他模板的方法
2020/04/17 Javascript
JavaScript实现点击图片换背景
2020/11/20 Javascript
[59:35]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#1COL VS Alliance第二局
2016/03/04 DOTA
python使用beautifulsoup从爱奇艺网抓取视频播放
2014/01/23 Python
python 回调函数和回调方法的实现分析
2016/03/23 Python
Python利用ElementTree模块处理XML的方法详解
2017/08/31 Python
Python实现求解括号匹配问题的方法
2018/04/17 Python
python flask框架实现重定向功能示例
2019/07/02 Python
服装机修工岗位职责
2013/12/26 职场文书
高三霸气励志标语
2014/06/24 职场文书
幽默自我介绍演讲稿
2014/08/21 职场文书
春季运动会加油词
2015/07/18 职场文书
安全主题班会教案
2015/08/12 职场文书
寒假致家长的一封信
2015/10/10 职场文书