html5获取地理位置信息4种方式详解

  HTML5怎样获取地理信息,如html5怎样获取ip地址,怎样实现gps导航定位,wifi基站的mac地址服务等,这些在HTML5中已经都已经有API实现了,用户可以轻松使用html5技术进行操作,下面详细为大家介绍HTML5操作地理信息。
 
  1、HTML5中ip地址
 
  其实在中国IP地址还是比较准确,书上说不准确,很多时候获取的是ISP机房的位置,但是获取非常方便,没有什么限制。但是实际上我觉得在中国,ip地址还是比较准确的,基本上上能精确到小区或大楼的标准。
 
  2、HTML5中GPS定位操作
 
  GPS定位非常准确,但是需要在户外,且需要很长时间搜索卫星。但前提就是硬件设备要支持GPS。最主要的很多设备比如笔记本电脑基本都是不带GPS的,新的智能手机pursehanger倒是都有。
 
  3、WiFi基站的mac地址。
 
  (猜测是连接位置已知的公共WiFi的时候,通过Mac地址识别WiFi接入点,从而定位)
 
  这种定位的精度还是很不错的,而且还可以在室内定位。不过由于这种位置公开的wifi比较少,此种方法的适用范围比较少。
 
  4、GSM或CDMA基站
 
  通过基站定位,精度随基站密度变化,精度一般,还是只有手机能用。看来地理位置API还是手机上比较有实用性。
 
  5、用户指定位置
 
  晕,这个就不是HTML5的范畴了。
 
  地理位置获取流程步骤:
 
  1、用户打开需要获取地理位置的web应用。
 
  2、应用向浏览器请求地理位置,浏览器弹出询问窗口,询问用户是否共享地理位置。
 
  3、假设用户允许,浏览器从设别查询相关信息。
 
  4、浏览器将相关信息发送到一个信任的位置服务器,服务器返回具体的地理位置。
 
  检测浏览器支持:
 
  JavaScriptCode检测是否支持
 
  functionloadDemo(){
 
  if(navigator.geolocation){
 
  document.getElementById(“support”).innerHTML=“HTML5Geolocationsupported.”;
 
  }else{
 
  document.getElementById(“support”).innerHTML=“HTML5Geolocationisnotsupportedin
 
  yourbrowser.”;
 
  }
 
  }
 
  位置请求方式:
 
  单次请求
 
  JavaScriptCode
 
  navigator.geolocation.getCurrentPosition(updateLocation,handleLocationError,options);
 
  回调函数updateLocation接受一个对象参数,表示当前的地理位置,它有如下属性:
 
  latitude——纬度
 
  longitude——精度
 
  accuracy——精确度,单位米
 
  altitude——高度,单位米
 
  altitudeAccuracy——高度的精确地,单位米
 
  heading—运动的方向,相对于正北方向的角度
 
  speed——运动的速度(假设你在地平线上运动),单位米/秒
 
  回调函数handleLocationError接受错误对象,error.code是如下错误号。
 
  UNKNOWN_ERROR(errorcode0)——错误不在如下三种之内,你可以使用error.message获取错误详细信息。
 
  PERMISSION_DENIED(errorcode1)——用不选择不共享地理位置
 
  POSITION_UNAVAILABLE(errorcode2)——无法获取当前位置
 
  TIMEOUT(errorcode3)——在指定时间无法获取位置会触发此错误。
 
  第三个参数options是可选参数,属性如下:
 
  enableHighAccuracy——指示浏览器获取高精度的位置,默认为false。当开启后,可能没有任何影响,也可能使浏览器花费更长的时间获取更精确的位置数据。
 
  timeout——指定获取地理位置的超时时间,默认不限时。单位为毫秒。
 
  maximumAge——最长有效期,在重复获取地理位置时,此参数指定多久再次获取位置。默认为0,表示浏览器需要立刻重新计算位置。
 
  参数使用的例子如下:weddingveil
 
  JavaScriptCode
 
  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公式计算两个坐标在地平线上的距离。
 
  Listing4-7.AJavaScriptHaversineimplementation
 
  JavaScriptCode复制内容到剪贴板
 
  functiontoRadians(degree){
 
  returndegree*Math.PI/180;
 
  }
 
  functiondistance(latitude1,longitude1,latitude2,longitude2){
 
  //Ristheradiusoftheearthinkilometers
 
  varR=6371;
 
  vardeltaLatitude=toRadians(latitude2-latitude1);
 
  vardeltaLongitude=toRadians(longitude2-longitude1);
 
  latitude1=toRadians(latitude1);
 
  latitude2=toRadians(latitude2);
 
  vara=Math.sin(deltaLatitude/2)*
 
  Math.sin(deltaLatitude/2)+
 
  Math.cos(latitude1)*
 
  Math.cos(latitude2)*
 
  Math.sin(deltaLongitude/2)*
 
  Math.sin(deltaLongitude/2);
 
  varc=2*Math.atan2(Math.sqrt(a),
 
  Math.sqrt(1-a));
 
  vard=R*c;
 
  returnd;
 
  }
 
  以上是为大家讲解HTML5中基本的操作地理信息,如怎样获取ip,mac地址,gps定位等操作,主要是基本的讲解与了解供大家参考学习。