H5新屬性---localtion

我們可以通過window.navigator來獲取訪問的瀏覽器信息,然后用navigator.geolocaltion獲取用戶的地理信息。最后,通過navigator.geolocaiton.getCurrentPosition()來獲取用戶當前的位置信息。(注:geolocaltion是有關(guān)用戶隱私的API,需要得到用戶的同意才能有效,為了安全限定,要求正式網(wǎng)站必須使用https協(xié)議。自行測試時使用localhost訪問,IP則不行。)
該方法需傳入的參數(shù)

  • navigator.geolocation.getCurrentPosition(sucessCallback,errorCallback[,options])
  • successCallback 成功回調(diào)函數(shù) 返回坐標信息
  • errorCallback 失敗回調(diào)函數(shù) 返回失敗信息
  • options 配置項

JS代碼

if (navigator.geolocation) {
            //判斷瀏覽器是否支持用戶地理位置
            navigator.geolocation.getCurrentPosition(function (coords) {
                console.log(coords);
            },function (err) {
                console.log(err);
            },{
                //enableHighAccuracy : true//開啟高精度  (返回坐標事件會延長)
                //timeout : 1000  //設置超時時間              
            })
        }
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關(guān)閱讀更多精彩內(nèi)容

  • H5 meta詳解 viewport width:控制 viewport 的大小,可以指定的一個值,如果 600,...
    FConfidence閱讀 891評論 0 3
  • 學習HTML的最佳網(wǎng)站沒有之一http://www.w3school.com.cn/html/ 關(guān)于HTML/HT...
    Amyyy_閱讀 2,384評論 0 16
  • 當今技術(shù)定位的方式,有位置信息來源定位,IP定位,GPS定位,WIFI定位,手機定位和自定義定位。本文通過獲取經(jīng)緯...
    dovlie閱讀 6,425評論 0 8
  • mysql分布式數(shù)據(jù)庫中間件對比 目前數(shù)據(jù)庫中間件有很多,基本這些中間件在下都有了解和使用,各種中間件優(yōu)缺點及使用...
    Albert陳凱閱讀 9,578評論 0 10
  • 小時候夢寐以求的東西是從想要一副羽毛球拍,到想要一輛自行車,再到想要一把豎笛,然后是望遠鏡,接著是手機、電腦。這一...
    Z_JM_589b閱讀 302評論 0 1

友情鏈接更多精彩內(nèi)容