使用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中的元素过渡属性transition示例详解
Nov 30 HTML / CSS
利用CSS3实现毛玻璃效果示例源码
Sep 25 HTML / CSS
css3 给背景设置渐变色的方法
Sep 12 HTML / CSS
css3 旋转按钮 使用CSS3创建一个旋转可变色按钮
Dec 31 HTML / CSS
两种CSS3伪类选择器详细介绍
Dec 24 HTML / CSS
使用CSS3编写灰阶滤镜来制作黑白照片效果的方法
May 09 HTML / CSS
CSS3 毛玻璃效果
Aug 14 HTML / CSS
一张图片能隐含千言万语之隐藏你的程序代码
Dec 13 HTML / CSS
HTML5的新特性(1)
Mar 03 HTML / CSS
使用HTML5里的classList操作CSS类
Jun 28 HTML / CSS
原生CSS实现文字无限轮播的通用方法
Mar 30 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中看实例学正则表达式
2006/12/25 PHP
php 广告调用类代码(支持Flash调用)
2011/08/11 PHP
php文件缓存类用法实例分析
2015/04/22 PHP
PHP实现原生态图片上传封装类方法
2016/11/08 PHP
Yii2下点击验证码的切换实例代码
2017/03/14 PHP
PHP实现实时生成并下载超大数据量的EXCEL文件详解
2017/10/23 PHP
为JavaScript添加重载函数的辅助方法
2010/07/04 Javascript
JavaScript常用脚本汇总(一)
2015/03/04 Javascript
jQuery实现Meizu魅族官方网站的导航菜单效果
2015/09/14 Javascript
jquery事件的ready()方法使用详解
2015/11/11 Javascript
JavaScript中的this机制
2016/01/30 Javascript
JS模拟实现方法重载示例
2016/08/03 Javascript
Angularjs 制作购物车功能实例代码
2016/09/14 Javascript
JS实现侧边栏鼠标经过弹出框+缓冲效果
2017/03/29 Javascript
VUE axios发送跨域请求需要注意的问题
2017/07/06 Javascript
从setTimeout看js函数执行过程
2017/12/19 Javascript
实例学习JavaScript读取和写入cookie
2018/01/29 Javascript
详解基于iview-ui的导航栏路径(面包屑)配置
2019/02/22 Javascript
ES6模板字符串和标签模板的应用实例分析
2019/06/25 Javascript
Python中删除文件的程序代码
2011/03/13 Python
Python中的字符串类型基本知识学习教程
2016/02/04 Python
Python常用时间操作总结【取得当前时间、时间函数、应用等】
2017/05/11 Python
Python基于辗转相除法求解最大公约数的方法示例
2018/04/04 Python
Python中将两个或多个list合成一个list的方法小结
2019/05/12 Python
Python OpenCV中的resize()函数的使用
2019/06/20 Python
Python实现的微信红包提醒功能示例
2019/08/22 Python
Django项目创建到启动详解(最全最详细)
2019/09/07 Python
python上下文管理的使用场景实例讲解
2021/03/03 Python
CSS3实现同时执行倾斜和旋转的动画效果
2016/10/27 HTML / CSS
SQL中where和having的区别
2012/06/17 面试题
给全校老师的建议书
2014/03/13 职场文书
学习党的群众路线实践活动思想汇报
2014/09/12 职场文书
同学聚会邀请函
2015/01/30 职场文书
2015年后勤工作总结范文
2015/04/08 职场文书
SpringBoot整合MongoDB的实现步骤
2021/06/23 MongoDB
浅谈Python魔法方法
2021/06/28 Java/Android