HTML5之地理位置
来源:互联网 发布:淘宝卖家怎么找人刷单 编辑:程序博客网 时间:2024/06/12 01:03
======================================================
注:本文源代码点此下载
======================================================
1、ip地址
书上说不准确,很多时候获取的是isp机房的位置,但是获取非常方便,没有什么限制。但是实际上我觉得在中国,ip地址还是比较准确的,基本上上能精确到小区或大楼的标准。
2、gps
非常准确,但是需要在户外,且需要很长时间搜索卫星。最主要的很多设备比如笔记本电脑基本都是不带gps的,新的智能手机purse hanger倒是都有。
3、wifi基站的mac地址。(猜测是连接位置已知的公共wifi的时候,通过mac地址识别wifi接入点,从而定位)
这种定位的精度还是很不错的,而且还可以在室内定位。不过由于这种位置公开的wifi比较少,此种方法的适用范围比较少。
4、 gsm或cdma基站
通过基站定位,精度随基站密度变化,精度一般,还是只有手机能用。看来地理位置api还是手机上比较有实用性。
5、用户指定位置
晕,这个就不是html5的范畴了。
地理位置获取流程:
1、用户打开需要获取地理位置的web应用。
2、应用向浏览器请求地理位置,浏览器弹出询问窗口,询问用户是否共享地理位置。
3、假设用户允许,浏览器从设别查询相关信息。
4、浏览器将相关信息发送到一个信任的位置服务器,服务器返回具体的地理位置。
检测浏览器支持:
function loaddemo() {
if(navigator.geolocation) {
document.getelementbyid(“support”).innerhtml = “html5 geolocation supported.”;
} else {
document.getelementbyid(“support”).innerhtml = “html5 geolocation is not
supported in
your browser.”;
}
}
位置请求方式:
单次请求
navigator.geolocation.getcurrentposition(updatelocation,
handlelocationerror, options);
回调函数updatelocation接受一个对象参数,表示当前的地理位置,它有如下属性:
latitude——纬度
longitude——精度
accuracy——精确度,单位米
altitude——高度,单位米
altitudeaccuracy——高度的精确地,单位米
heading—运动的方向,相对于正北方向的角度
speed——运动的速度(假设你在地平线上运动),单位米/秒
回调函数handlelocationerror接受错误对象,error.code是如下错误号。
unknown_error (error code 0) —— 错误不在如下三种之内,你可以使用error.message获取错误详细信息。
permission_denied (error code 1)—— 用不选择不共享地理位置
position_unavailable (error code 2) ——无法获取当前位置
timeout (error code 3) ——在指定时间无法获取位置会触发此错误。
第三个参数options是可选参数,属性如下:
enablehighaccuracy——指示浏览器获取高精度的位置,默认为false。当开启后,可能没有任何影响,也可能使浏览器花费更长的时间获取更精确的位置数据。
timeout——指定获取地理位置的超时时间,默认不限时。单位为毫秒。
maximumage——最长有效期,在重复获取地理位置时,此参数指定多久再次获取位置。默认为0,表示浏览器需要立刻重新计算位置。
参数使用的例子如下:wedding veil
navigator.geolocation.getcurrentposition(updatelocation,handlelocationerror,
{timeout:10000});
重复请求
navigator.geolocation.watchposition(updatelocation,
handlelocationerror);
使用 watchposition可以持续获取地理位置,浏览器或多次调用updatelocation函数以便传递最新的位置。该函数返回一个 watchid,使用navigator.geolocation.clearwatch(watchid)可以清除此次回调,使用不带参数的
navigator.geolocation.clearwatch()清除说有watchposition。
地址转换:
由于地理位置api返回的是经纬度,如果要计算两个位置之间的距离,可以使用著名的haversine公式计算两个坐标在地平线上的距离。
listing 4-7. a javascript haversine
implementation
function toradians(degree)
{
return degree * math.pi
/ 180;
}
function distance(latitude1,
longitude1, latitude2, longitude2) {
// r is the radius of
the earth in kilometers
var r = 6371;
var deltalatitude =
toradians(latitude2-latitude1);
var deltalongitude = toradians(longitude2-longitude1);
latitude1
=toradians(latitude1);
latitude2 =toradians(latitude2);
var a = math.sin(deltalatitude/2) *
math.sin(deltalatitude/2) +
math.cos(latitude1) *
math.cos(latitude2) *
math.sin(deltalongitude/2) *
math.sin(deltalongitude/2);
var c = 2 *
math.atan2(math.sqrt(a),
math.sqrt(1-a));
var d = r * c;
return d;
}
======================================================
在最后,我邀请大家参加新浪APP,就是新浪免费送大家的一个空间,支持PHP+MySql,免费二级域名,免费域名绑定 这个是我邀请的地址,您通过这个链接注册即为我的好友,并获赠云豆500个,价值5元哦!短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了,每天挂广告赚50+元哦,呵呵,饭钱不愁了,\(^o^)/
- HTML5之地理位置
- HTML5之地理位置
- HTML5之地理位置
- HTML5之地理位置
- HTML5之地理位置(定位技术)
- Html5 系列之:地理位置Geolocation
- HTML5 地理位置
- HTML5 地理位置
- HTML5 --地理位置
- HTML5 地理位置
- 【js学习笔记-115】----html5之地理位置
- HTML5 之Geolocation API (地理位置应用程序接口)
- html5 学习之路 三 (地理位置+数据存储)
- HTML5开发 地理位置定位
- HTML5 地理位置定位
- HTML5 Geolocation 地理位置 - 6
- html5获取地理位置
- HTML5 Geolocation获取地理位置
- java学习日志之四种创建对象方式概述
- JMS : Java Message Service (Java消息服务)
- Delphi中易混淆的概念
- 如何开发HTML编辑器
- 页面布局 "HTML 4.0 Transitional” VS "XHTML 1.0 Transitional" 新的不一定就好用!
- HTML5之地理位置
- TCP长连接服务的Java实现
- Ajax/JavaScript学习随笔:java script Object Notation(JSON)
- javascript传值和页面跳转传值(ASP.NET页面传参的三种方法)
- [代码]Delphi实现检测程序是否在VMWare中运行
- 【转】ASPX和HTML获取系统根目录的路径
- NewAction
- 程序员认识的JavaScript
- 现有 Delphi 项目迁移到 Tiburon 中的注意事项