全文预览已结束
下载本文档
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
HTML5怎样获取地理位置 基本地理信息操作HTML5怎样获取地理信息,如html5怎样获取ip地址,怎样实现gps导航定位,wifi基站的mac地址服务等,这些在HTML5中已经都已经有API实现了,用户可以轻松使用html5技术进行操作,下面详细为大家介绍HTML5操作地理信息。1、HTML5中ip地址其实在中国IP地址还是比较准确,书上说不准确,很多时候获取的是ISP机房的位置,但是获取非常方便,没有什么限制。但是实际上我觉得在中国,ip地址还是比较准确的,基本上上能精确到小区或大楼的标准。2、HTML5中GPS定位操作GPS定位非常准确,但是需要在户外,且需要很长时间搜索卫星。但前提就是硬件设备要支持GPS。最主要的很多设备比如笔记本电脑基本都是不带GPS的,新的智能手机purse hanger倒是都有。3、WiFi基站的mac地址。(猜测是连接位置已知的公共WiFi的时候,通过Mac地址识别WiFi接入点,从而定位)这种定位的精度还是很不错的,而且还可以在室内定位。不过由于这种位置公开的wifi比较少,此种方法的适用范围比较少。4、 GSM或CDMA基站通过基站定位,精度随基站密度变化,精度一般,还是只有手机能用。看来地理位置API还是手机上比较有实用性。5、用户指定位置晕,这个就不是HTML5的范畴了。地理位置获取流程步骤:1、用户打开需要获取地理位置的web应用。2、应用向浏览器请求地理位置,浏览器弹出询问窗口,询问用户是否共享地理位置。3、假设用户允许,浏览器从设别查询相关信息。4、浏览器将相关信息发送到一个信任的位置服务器,服务器返回具体的地理位置。检测浏览器支持:JavaScript Code 检测是否支持function loadDemo() if(navigator.geolocation) document.getElementById(“support”).innerHTML = “HTML5 Geolocation supported.”; else document.getElementById(“support”).innerHTML = “HTML5 Geolocation is not supported inyour browser.”;位置请求方式:单次请求JavaScript Codenavigator.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 veilJavaScript Codenavigator.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 implementationJavaScript Code复制内容到剪贴板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);
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- GB/T 14413-2026船用舷窗
- 2025-2026年浙江省人教版七年级数学下册第6单元课后练习题
- 2025-2026年河南省北师大版初中化学方程式书写与计算练习题
- 2025-2026年安徽省人教版初中英语下册听力理解专项训练习题
- 2026年人教版小学五年级英语下册第8单元同步练习题
- 2025-2026年安徽省初中物理实验探究能力测试卷
- 2025-2026年陕西省计算机考研408专业基础习题
- 2025-2026年考研农业经济作物栽培学习题集
- 北京市九五高中协作体2026年高考压轴试卷英语试题(含答案)
- 供应链韧性视角下真丝锭子原材料价格波动对项目IRR的敏感性测试
- 多层厂房拆除施工方案
- 新版2026秋季学期新人教版数学四年级上册核心素养教案教学设计 含各单元复习及活动课寻找宝藏合集
- 2026年秋季高二数学选择性必修第一册教学计划
- 外教社中国概况(英文版)课件
- 初中语文新部编版九年级上册第三单元课外古诗词诵读教案(2026秋详细版)
- 2026年全国一级建造师之一建水利水电工程实务考试重点黑金模拟题附答案
- 2026秋统编版小学语文六年级上册第七单元《20 文言文二则》曹冲称象教学设计
- 2026年企业人力资源管理师二级理论考试真题及答案
- 电力电缆敷设施工方案及技术措施
- 2026浙江省新高一入学摸底测试全科高频考点与模拟训练
- 颈部创伤诊疗规范
评论
0/150
提交评论