使用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的Media Queries(跨平台设计)
Jul 27 HTML / CSS
CSS3动画效果回调处理详解
Dec 10 HTML / CSS
css3 media 响应式布局的简单实例
Aug 03 HTML / CSS
css3媒体查询中device-width和width的区别详解
Mar 27 HTML / CSS
css3实现简单的白云飘动背景特效
Oct 28 HTML / CSS
详解利用css3的var()实现运行时改变scss的变量值
Mar 02 HTML / CSS
Html5之svg可缩放矢量图形_动力节点Java学院整理
Jul 17 HTML / CSS
浅谈cookie和localStorage那些事
Aug 27 HTML / CSS
HTML5 Canvas实现烟花绽放特效
Mar 02 HTML / CSS
HTML5跳转小程序wx-open-launch-weapp的示例代码
Jul 16 HTML / CSS
Html5页面播放M4a音频文件
Mar 30 HTML / CSS
CSS作用域(样式分割)的使用汇总
Nov 07 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与MySQL开发中页面乱码的产生与解决
2008/03/27 PHP
PHP中常用数组处理方法实例分析
2008/08/30 PHP
php批量添加数据与批量更新数据的实现方法
2014/12/16 PHP
PHP 实现类似js中alert() 提示框
2015/03/18 PHP
PHP编程实现csv文件导入mysql数据库的方法
2017/04/29 PHP
HTML5之WebSocket入门3 -通信模型socket.io
2015/08/21 Javascript
jQuery实现浮动层随浏览器滚动条滚动的方法
2015/09/22 Javascript
Bootstrap学习笔记之css样式设计(1)
2016/06/07 Javascript
JavaScript中的事件委托及好处
2016/07/12 Javascript
微信小程序商城项目之侧栏分类效果(1)
2017/04/17 Javascript
javascript 判断一个对象为数组的方法
2017/05/03 Javascript
深入理解ES6 Promise 扩展always方法
2017/09/26 Javascript
微信小程序实现页面跳转传值的方法
2017/10/12 Javascript
react中fetch之cors跨域请求的实现方法
2018/03/14 Javascript
Postman的下载及安装教程详解
2018/10/16 Javascript
微信小程序获取用户绑定手机号方法示例
2019/07/21 Javascript
浅谈vue 组件中的setInterval方法和window的不同
2020/07/30 Javascript
基于Python实现的扫雷游戏实例代码
2014/08/01 Python
Python利用带权重随机数解决抽奖和游戏爆装备问题
2016/06/16 Python
使用python实现滑动验证码功能
2019/08/05 Python
Django中ajax发送post请求 报403错误CSRF验证失败解决方案
2019/08/13 Python
CSS3制作翻转效果_动力节点Java学院整理
2017/07/11 HTML / CSS
HTML5之SVG 2D入门2—图形绘制(基本形状)介绍及使用
2013/01/30 HTML / CSS
StubHub意大利:购买和出售全球演唱会和体育赛事门票
2017/11/21 全球购物
船餐厅和泰晤士河餐饮游轮:Bateaux London
2018/03/19 全球购物
澳大利亚制造的蜡烛和扩散器:Glasshouse Fragrances
2018/05/20 全球购物
KIEHL’S科颜氏官方旗舰店:源自美国的顶级护肤品牌
2018/06/07 全球购物
芝加哥牛排公司:Chicago Steak Company
2018/10/31 全球购物
Rowdy Gentleman服装和配饰:美好时光
2019/09/24 全球购物
物理系毕业生自荐信
2013/11/01 职场文书
合作协议书怎么写
2014/04/18 职场文书
小学三好学生事迹材料
2014/08/15 职场文书
会计实训报告范文
2014/11/04 职场文书
三峡导游词
2015/01/31 职场文书
Java处理延时任务的常用几种解决方案
2022/06/01 Java/Android
一文解答什么是MySQL的回表
2022/08/05 MySQL