美文网首页
HTML5定位

HTML5定位

作者: 木易先生灬 | 来源:发表于2018-10-09 19:26 被阅读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 

    相关文章

      网友评论

          本文标题:HTML5定位

          本文链接:https://www.haomeiwen.com/subject/tgmyaftx.html