PhoneGap Geolocation 获取地理位置 api
一、 PhoneGap Geolocation 对象介绍
1、使应用程序可以访问地理位置信息。geolocation 对象提供了对设备 GPS 传感器的访问。Geolocation 提供设备的位置信息，例如经度和纬度。
2、位置信息的常见来源包括全球定位系统（GPS），以及通过诸如 IP 地址、RFID、WiFi 和蓝牙的 MAC 地址、和 GSM/CDMA 手机 ID 的网络信号所做的推断。
3、不能保证该 API 返 回的是设备的真实位置信息。这个 API 是基于 W3C Geo location API Specification 实现的。
4、有些设备已经提供 了对该规范的实现，对于这些设备采用内置实现而非使用 PhoneGap 的实现。
5、对于没有地理位置支持的设 备，PhoneGap 提供了统一的支持。
6、方法
geolocation.getCurrentPosition
geolocation.watchPosition
geolocation.clearWatch
7、参数
geolocationSuccess
geolocationError
geolocationOptions
二、 geolocation.getCurrentPosition
1、返回设备的当前位置，一个位置对象。
navigator.geolocation.getCurrentPosition(geolocationSuccess, [geolocationError], [geolocationOptions]);
2、参数
geolocationSuccess：通过当前位置的回调。
geolocationError：（可选）如果发生错误，执行的回调。
geolocationOptions：（可选）获取地理位置的选项，例如获取频率。它一般作为一个 JSON 对象，目前可设 置的属性如下
geolocationOptions{ enableHighAccuracy：提供一个表明应用程序希望获得最佳可能结果的提示。
timeout：允许的以毫秒为单位的最大时间间隔，该时间间隔是从 geolocation.getCurrentPosition 或 geolocation.watchPosition 的调用到相应的
geolocationSuccess 回调函数被调用，单位是毫秒。
maximumAge：保留上次缓存的最长时间，单位是毫秒。可以理解为获取地理位置信息的频率
3、注意： 除非 enableHighAccuracy 选项被设定为 true，否则 Android 2.X 模拟器不会返回一个地理位置结果 例如：
{ maximumAge: 3000, timeout: 5000, enableHighAccuracy: true }; }
三、 包含当前地理位置坐标信息的Position对象描述
1、Position 包含由 geolocation API 创建的 Position 坐标信息。
coords：一系列地理坐标。（Coordinates 类型）
timestamp：以毫秒为单位的 coords 的创建时间戳。
2、PositionError 当发生错误时，一个 PositionError 对象会传递给 geolocationError 回调函数。
code：一个在下面常量列表中定义的错误代码。
message：说明错误细节的错误信息。
PositionError.PERMISSION_DENIED：权限被拒绝
PositionError.POSITION_UNAVAILABLE：位置不可用
PositionError.TIMEOUT：超时
3、 Coordinates 一系列用来描述位置的地理坐标信息的属性。
latitude：以十进制表示的纬度。
longitude：以十进制表示的经度。
altitude：位置相对于椭圆球面的高度，单位为米。 海拔高度
accuracy：以米为单位的纬度和经度坐标的精度水平。
altitudeAccuracy：以米为单位的高度坐标的精度水平。（Android 设备上不支持该属性，返回值总是 nul）
heading：运动的方向，通过相对正北做顺时针旋转的角度指定。
speed：以米/秒为单位的设备当前地面速 度。
四、获取地理位置信息
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>phonegap_device_network_notification01</title>
<link href="../jquery.mobile-1.3.2.css" rel="stylesheet" type="text/css"/>
<script src="../jquery.js" type="text/javascript"></script>
<script src="../jquery.mobile-1.3.2.js" type="text/javascript"></script>
<script src="../cordova.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8"> // 等待PhoneGap加载
document.addEventListener("deviceready", onDeviceReady, false); // 加载完成
function onDeviceReady() {
navigator.geolocation.getCurrentPosition(onSuccess, onError,{ maximumAge: 3000, timeout: 100000, enableHighAccuracy: true });
} // onSuccess 回调函数
// 接收包含当前地理位置坐标信息的Position对象
function onSuccess(position) {
alert(position.coords.latitude);
var element = document.getElementById('geolocation');
element.innerHTML = '纬度: ' + position.coords.latitude + '<br />' +
'经度: ' + position.coords.longitude + '<br />' +
'海拔高度: ' + position.coords.altitude + '<br />' +
'精确度: ' + position.coords.accuracy + '<br />' +
'海拔高度精确度: ' + position.coords.altitudeAccuracy + '<br />' +
'运动方向: ' + position.coords.heading + '<br />' +
'速度: ' + position.coords.speed + '<br />' +
'时间戳: ' + new Date(position.timestamp) + '<br />';
} // onError 回调函数， 接收包含具体错误信息的PositionError 对象
function onError(error) {
alert('错误代码: ' + error.code + '\n' + '详细信息: ' + error.message + '\n');
} </script> </head>
<body>
<div data-role="page">
<div data-role="header">
<h1>PhoneGap100实战</h1>
</div>
<div data-role="content">
<p id="geolocation">定位中。。。</p>
</div>
<div data-role="footer">
<h4> </h4>
</div>
</div> </body>
</html>
五、 动态获取地理位置信息
1. geolocation.watchPosition 定期获取设备的地理位置信息
navigator.geolocation.watchPosition(onSuccess, onError, options);
2. navigator.geolocation.clearWatch 停止定期获取设备的地理位置信息
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>phonegap_device_network_notification01</title>
<link href="../jquery.mobile-1.3.2.css" rel="stylesheet" type="text/css"/>
<script src="../jquery.js" type="text/javascript"></script>
<script src="../jquery.mobile-1.3.2.js" type="text/javascript"></script>
<script src="../cordova.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8"> //等待PhoneGap加载
document.addEventListener("deviceready", onDeviceReady, false); var watchID = null; //加载完成
function onDeviceReady() {
// Update every 3 seconds
var options = { frequency: 3000 };
watchID = navigator.geolocation.watchPosition(onSuccess, onError, options);
} // onSuccess 回调函数
// 接收包含当前地理位置坐标信息的Position对象
function onSuccess(position) {
var element = document.getElementById('geolocation');
element.innerHTML = '纬度: ' + position.coords.latitude + '<br />' +
'经度: ' + position.coords.longitude + '<br />' +
'<hr />' + element.innerHTML;
} //取消获取地理位置信息
function clearWatch() {
if (watchID != null) {
navigator.geolocation.clearWatch(watchID);
watchID = null;
}
} // onError 回调函数， 接收包含具体错误信息的PositionError 对象
function onError(error) {
alert('code: ' + error.code + '\n' +
'message: ' + error.message + '\n');
} </script> </head>
<body>
<div data-role="page">
<div data-role="header">
<h1>PhoneGap100实战</h1>
</div>
<div data-role="content">
<p id="geolocation">监测地理位置信息中。。。</p>
<button onclick="clearWatch();">取消监测地理位置信息</button>
</div>
<div data-role="footer">
<h4> </h4>
</div>
</div> </body>
</html>
PhoneGap Geolocation 获取地理位置 api的更多相关文章
- PhoneGap Geolocation结合百度地图api获取地理位置api
一.使用百度地图API 1.地址:http://developer.baidu.com/map/ 2.在js DEMO中获取反地址解析的DEMO 3.修改这个DEMO的密钥,去创建应用就能创建密钥,然 ...
- Html5 Geolocation获取地理位置信息(转)
Html5中提供了地理位置信息的API,通过浏览器来获取用户当前位置.基于此特性可以开发基于位置的服务应用.在获取地理位置信息前,首先浏览器都会向用户询问是否愿意共享其位置信息,待用户同意后才能使用. ...
- Html5 Geolocation获取地理位置信息
Html5中提供了地理位置信息的API,通过浏览器来获取用户当前位置.基于此特性可以开发基于位置的服务应用.在获取地理位置信息前,首先浏览器都会向用户询问是否愿意共享其位置信息,待用户同意后才能使用. ...
- HTML5 中 Geolocation 获取地理位置的原理是什么？
http://www.zhihu.com/question/20473051?sort=created geolocation的位置信息来源包括GPS.IP地址.RFID.WIFI和蓝牙的MAC地址. ...
- html5获取地理位置信息API
html5获取地理位置信息API 在HTML5中,可以看下如何使用Geolocation API来获得用户的地理位置信息,如果该浏览器支持的话,且设备具有定位功能,就能够直接使用这组API来获取当前位 ...
- 获取定位，苹果IOS10以上不支持h5的geolocation获取不到地理位置信息解决办法
今天开发应用,获取地理位置,最先采用H5的Geolocation的方法来获取地理位置,经过测试发现安卓的机子可以,但是IOS的就是不行,一查资料才知道:10.0苹果版本需要协议为https的才可以获取 ...
- Vue 通过调用百度API获取地理位置-经度纬度省份城市
一.首先在百度api注册获得ak密钥 二.新建js文件,我命名为loadBMap.js,里面创建script,代码如下: /** * 加载地图 * @param {Function} callback ...
- 谷歌、腾讯、百度相应API批量获取地理位置坐标信息及其优缺点
目录: 申请ak 批量获取地理位置 目的:通过给定的地理位置名称(如:北京市海淀区上地十街十号),获取经纬度信息. 1.申请ak 以百度Geocoding API为例:http://lbsyun.ba ...
- 百度api:根据经纬度获取地理位置信息
调用百度api,根据经度和纬度获取地理位置信息,返回Json. C#代码: using Newtonsoft.Json; using Newtonsoft.Json.Linq; using Syste ...
随机推荐
- 深入理解JavaScript系列（48）：对象创建模式（下篇）
介绍 本篇主要是介绍创建对象方面的模式的下篇,利用各种技巧可以极大地避免了错误或者可以编写出非常精简的代码. 模式6:函数语法糖 函数语法糖是为一个对象快速添加方法(函数)的扩展,这个主要是利用pro ...
- angularjs之UI Grid 的刷新 本地数据源及HTTP数据源
关键代码: 如果数据源是本地数据$("#hidJsonData").val("[]"); var myJsonData = []; if ($(&quo ...
- c#中的程序集
程序集:一些相关类的包,比如三层中Model层都是一些数据库表的实体类.我们所用到的类都是位于各个程序集中,若需要调用某个类,就必须引用其所在的程序集. 访问级别:程序集中的类有四种访问级别,int ...
- JVM(三) 垃圾回收时间点和垃圾收集器
收集器组合章节来自第一篇参考文章,非原创,作者总结地非常好! 分代收集相关概念来自参考文章第二篇,非原创 第二篇参考资料的文章质量很高,推荐阅读! 分代收集(Ge ...
- Oracle PL/SQL Developer 上传下载Excel
接到需求,Oracle数据库对Excel数据进行上传和下载,百度后没有很全的方案,整理搜到的资料,以备不时之需. 一.下载Oracle数据到Excel中. 下载数据到Excel在MSSql中很简单,直 ...
- Java 基础（2）——编译运行 & 规范
上节学到 Java 的编译与运行,我们已经学会了怎么去执行一个写好(假装我们已经会写了)的代码,这篇当然要试试手啦 O(∩_∩)O 哈哈~ 小试一下 新建一个 HelloAhanWhite.java ...
- Oracle OCI操作UDT相关学习
1.Oracle数据类型 Oracle的数据类型如下 字符串类型 char nchar varchar2 nvarchar2 数值类型 int number integer smallint 日期类型 ...
- What is the relation of theme and it's derived theme.
You know, a theme can derive from other theme in two ways: xx.xxx implicit way and parent="xxx& ...
- flask_sqlalchemy filter 和filter_by的区别
1. filter需要通过类名.属性名的方式,类名.属性名==值.filter_by 直接使用属性名=值,可以看源码filter_by需要传一个 **kwargs 2. filter支持> &l ...
- LinearLayout中的android:layout_garvity的center_vertical和center_horizontal
当LinearLayout的排列方向是 horizontal时,只有垂直方向上的对齐方式才会生效.因为此时水平方向上的长度是不固定的,每添加一个控件,水平方向上的长度都会改变,因而无法指定该方向上的对 ...