HTML5定位

2018-10-09  本文已影响0人  木易先生灬

HTML5定位:

Geolocation地理定位对象提供的属性和方法实现定位,它是navigator对象的子对象。

  1. getCurrentPosition方法:
    getCurrentPosition() 获得用户的位置
    参数说明:
    successCallback 成功的回调函数
    errorCallback   失败的回调函数
    options         配置对象

//调用地理定位方法
navigator.geolocation.getCurrentPosition(successFN,errorFN,optObj);

    1-1. 成功回调: 要传入一个定位对象position,有哪些属性:
      coords  坐标
          latitude          纬度数值
          longitude         经度数值
          
          accuracy          精确度单位米
          altitude           海拔高度,单位米
          altitudeAccuracy   高度的精确地,单位米
          heading   运动的方向,相对于正北方向的角度。
          speed     运动的速度(假设你在地平线上运动),单位米/秒。
      
    1-2. 失败回调:要传入一个失败对象error,有哪些属性:
        error.PERMISSION_DENIED: 用户拒绝对获取地理位置的请求。
        error.POSITION_UNAVAILABLE:位置信息是不可用的。
        error.TIMEOUT:请求用户地理位置超时。
        error.UNKNOWN_ERROR:未知错误。
        
    1-3. 配置对象
        {
            //指示浏览器获取高精度的位置,默认为false
            enableHighAccuracy: true,
                              
            // 指定获取地理位置的超时时间,默认不限时,单位为毫秒
            timeout: 5000,
            
            //最长有效期,即位置缓存
            //在重复获取地理位置时,此参数指定多久再次获取位置。
            maximumAge: 3000
        }
        
    2、watchPosition:监视位置,生成一个watchID

    3、clearWatch :清除监视,传入一个watchID  
    
    4. 查询经纬度的网址: http://www.gpsspg.com/maps.htm
                           纬度 30.5702 经度 104.0647 
上一篇下一篇

猜你喜欢

热点阅读