使用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制作一个简单的Chrome模拟器
Jul 15 HTML / CSS
举例详解CSS3中的Transition
Jul 15 HTML / CSS
使用CSS3的appearance属性改变元素的外观的方法
Dec 12 HTML / CSS
详解CSS透明opacity和IE各版本透明度滤镜filter的最准确用法
Dec 20 HTML / CSS
CSS3制作hover下划线动画
Mar 27 HTML / CSS
使用css如何制作时间ICON方法实践
Nov 12 HTML / CSS
HTML5实现桌面通知 提示功能
Oct 11 HTML / CSS
移动端开发HTML5页面点击按钮后出现闪烁或黑色背景的解决办法
Sep 19 HTML / CSS
使用数据结构给女朋友写个Html5走迷宫游戏
Nov 26 HTML / CSS
Html5让容器充满屏幕高度或自适应剩余高度的布局实现
May 14 HTML / CSS
HTML5公共页面提取作为公用代码的方法
Jun 30 HTML / CSS
CSS list-style-type属性使用方法
May 21 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
西德产收音机
2021/03/01 无线电
生成静态页面的PHP类
2006/07/15 PHP
解析thinkphp的左右值无限分类
2013/06/20 PHP
php+ajax实现无刷新数据分页的办法
2015/11/02 PHP
让你的PHP7更快之Hugepage用法分析
2016/05/31 PHP
服务器端的JavaScript脚本 Node.js 使用入门
2012/03/07 Javascript
JS 实现Json查询的方法实例
2013/04/12 Javascript
JQuery弹出层示例可自定义
2014/05/19 Javascript
JavaScript中的console.profile()函数详细介绍
2014/12/29 Javascript
基于jQuery实现select下拉选择可输入附源码下载
2016/02/03 Javascript
浏览器复制插件zeroclipboard使用指南
2016/03/26 Javascript
JS限制条件补全问题实例分析
2016/12/16 Javascript
AngularJS 防止页面闪烁的方法
2017/03/09 Javascript
Vue-cli创建项目从单页面到多页面的方法
2017/09/20 Javascript
JavaScript模块详解
2017/12/18 Javascript
vue scroller返回页面记住滚动位置的实例代码
2018/01/29 Javascript
vue.js 嵌套循环、if判断、动态删除的实例
2018/03/07 Javascript
详解vue为什么要求组件模板只能有一个根元素
2019/07/22 Javascript
iSlider手机端图片滑动切换插件使用详解
2019/12/24 Javascript
[28:05]完美世界DOTA2联赛循环赛Inki vs DeMonsTer 第一场 10月30日
2020/10/31 DOTA
[46:55]完美世界DOTA2联赛决赛 FTD vs Phoenix 第三场 11.08
2020/11/11 DOTA
Python脚本实现下载合并SAE日志
2015/02/10 Python
Python分支结构(switch)操作简介
2018/01/17 Python
Python OpenCV处理图像之图像直方图和反向投影
2018/07/10 Python
Python使用gRPC传输协议教程
2018/10/16 Python
Python多进程写入同一文件的方法
2019/01/14 Python
python中嵌套函数的实操步骤
2019/02/27 Python
python学习--使用QQ邮箱发送邮件代码实例
2019/04/16 Python
django实现更改数据库某个字段以及字段段内数据
2020/03/31 Python
Python datetime模块的使用示例
2021/02/02 Python
美国皮靴公司自1863年:The Frye Company
2016/11/30 全球购物
八年级历史教学反思
2014/01/10 职场文书
文化活动实施方案
2014/03/28 职场文书
水利局群众路线专题民主生活会发言材料
2014/09/21 职场文书
党的群众路线教育实践活动个人自我剖析材料
2014/10/07 职场文书
python3+PyQt5+Qt Designer实现界面可视化
2021/06/10 Python