使用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参考手册和CSS3代码生成工具加速来学习网页制
Jul 11 HTML / CSS
CSS3之边框多颜色Border-color属性使用示例
Oct 11 HTML / CSS
详解CSS3 rem(设置字体大小) 教程
Nov 21 HTML / CSS
使用 CSS3 中@media 实现网页自适应的示例代码
Mar 24 HTML / CSS
详解如何用canvas画一个微笑的表情
Mar 14 HTML / CSS
HTML5 Canvas像素处理使用接口介绍
Dec 02 HTML / CSS
html5表单及新增的改良元素详解
Jun 07 HTML / CSS
canvas 橡皮筋式线条绘图应用方法
Feb 13 HTML / CSS
怎样实现H5+CSS3手指滑动切换图片的示例代码
May 05 HTML / CSS
使用HTML5做的导航条详细步骤
Oct 19 HTML / CSS
HTML+css盒子模型案例(圆,半圆等)“border-radius” 简单易上手
May 10 HTML / CSS
html css3不拉伸图片显示效果
Jun 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中判断变量为空的几种方法分享
2013/08/26 PHP
php中判断数组相等的方法以及数组运算符介绍
2015/03/30 PHP
ThinkPHP 3.2.3实现页面静态化功能的方法详解
2017/08/03 PHP
thinkPHP中U方法加密传递参数功能示例
2018/05/29 PHP
Prototype RegExp对象 学习
2009/07/19 Javascript
JQuery 学习笔记 选择器之六
2009/07/23 Javascript
javascript 用记忆函数快速计算递归函数
2010/03/15 Javascript
HTML Dom与Css控制方法
2010/10/25 Javascript
javascript的函数、创建对象、封装、属性和方法、继承
2011/03/10 Javascript
JQuery.ajax传递中文参数的解决方法 推荐
2011/03/28 Javascript
js用typeof方法判断undefined类型
2014/07/15 Javascript
JS+CSS实现的经典圆角下拉菜单效果代码
2015/10/21 Javascript
用canvas 实现个图片三角化(LOW POLY)效果
2016/02/18 Javascript
JS判断图片是否加载完成方法汇总(最新版)
2016/05/13 Javascript
jQuery实现联动下拉列表查询框
2017/01/04 Javascript
简单实现js上传文件功能
2017/08/21 Javascript
js数组去重的N种方法(小结)
2018/06/07 Javascript
vue中各选项及钩子函数执行顺序详解
2018/08/25 Javascript
小程序实现层叠卡片滑动效果
2019/08/26 Javascript
解决vant中 tab栏遇到的坑 van-tabs
2020/11/04 Javascript
rhythmbox中文名乱码问题解决方法
2008/09/06 Python
Pandas过滤dataframe中包含特定字符串的数据方法
2018/11/07 Python
python使用for循环计算0-100的整数的和方法
2019/02/01 Python
浅析Python 抽象工厂模式的优缺点
2020/07/13 Python
HTML5新增元素如何兼容旧浏览器有哪些方法
2014/05/09 HTML / CSS
2014全国两会学习心得体会1000字
2014/03/10 职场文书
经典洗发水广告词
2014/03/13 职场文书
计算机系本科生求职信
2014/05/31 职场文书
学校地质灾害防治方案
2014/06/10 职场文书
大学生党校培训心得体会
2014/09/11 职场文书
机关党员三严三实心得体会
2014/10/13 职场文书
2014年办公室人员工作总结
2014/12/09 职场文书
地雷战观后感
2015/06/09 职场文书
六一儿童节致辞
2015/07/31 职场文书
web前端之css水平居中代码解析
2021/05/20 HTML / CSS
SpringCloud Alibaba项目实战之nacos-server服务搭建过程
2021/06/21 Java/Android