H5 API-地理位置

# 地理位置 Geolocation API
if (navigator.geolocation) {
    navigator.geolocation.getCurrentPosition(locationSuccess, locationError,{
        // 指示瀏覽器獲取高精度的位置,默認(rèn)為false
        enableHighAccuracy: true,
        // 指定獲取地理位置的超時(shí)時(shí)間剖煌,默認(rèn)不限時(shí)巴元,單位為毫秒
        timeout: 50000,
        // 最長(zhǎng)有效期兼贸,在重復(fù)獲取地理位置時(shí)击费,此參數(shù)指定多久再次獲取位置铲咨。
        maximumAge: 30000
    });
}else{
    alert("您的瀏覽器不支持地理定位嘲更。");
}
//成功時(shí)執(zhí)行的回調(diào)函數(shù)
function locationSuccess(position){
    var coords = position.coords;
    console.log(coords);
    coords.latitude,// 維度
    coords.longitude // 精度
    coords.latitude;//十進(jìn)制數(shù)的緯度
    coords.longitude;//十進(jìn)制數(shù)的經(jīng)度
    coords.accuracy;位置精度
    coords.altitude;//海拔闸溃,海平面以上以米計(jì)
    coords.altitudeAccuracy;//位置的海拔精度
    coords.heading;//方向勋陪,從正北開始以度計(jì)
    coords.speed;//速度贪磺,以米/每秒計(jì)
}
//失敗時(shí)執(zhí)行的回調(diào)函數(shù)
function locationError(error){
    switch(error.code) {
        case error.TIMEOUT:
            console.log('超時(shí)了');
            break;
        case error.POSITION_UNAVAILABLE:
            console.log('獲取地理位置失敗!');
            break;
        case error.PERMISSION_DENIED:
            console.log('填寫的地理位置有誤!');
            break;
        case error.UNKNOWN_ERROR:
            console.log('未知錯(cuò)誤!');
            break;
    }
}

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末诅愚,一起剝皮案震驚了整個(gè)濱河市缘挽,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌呻粹,老刑警劉巖壕曼,帶你破解...
    沈念sama閱讀 223,002評(píng)論 6 519
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異等浊,居然都是意外死亡腮郊,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,357評(píng)論 3 400
  • 文/潘曉璐 我一進(jìn)店門筹燕,熙熙樓的掌柜王于貴愁眉苦臉地迎上來轧飞,“玉大人衅鹿,你說我怎么就攤上這事」В” “怎么了大渤?”我有些...
    開封第一講書人閱讀 169,787評(píng)論 0 365
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)掸绞。 經(jīng)常有香客問我泵三,道長(zhǎng),這世上最難降的妖魔是什么衔掸? 我笑而不...
    開封第一講書人閱讀 60,237評(píng)論 1 300
  • 正文 為了忘掉前任烫幕,我火速辦了婚禮,結(jié)果婚禮上敞映,老公的妹妹穿的比我還像新娘较曼。我一直安慰自己,他們只是感情好振愿,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,237評(píng)論 6 398
  • 文/花漫 我一把揭開白布捷犹。 她就那樣靜靜地躺著,像睡著了一般冕末。 火紅的嫁衣襯著肌膚如雪伏恐。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,821評(píng)論 1 314
  • 那天栓霜,我揣著相機(jī)與錄音翠桦,去河邊找鬼。 笑死胳蛮,一個(gè)胖子當(dāng)著我的面吹牛销凑,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播仅炊,決...
    沈念sama閱讀 41,236評(píng)論 3 424
  • 文/蒼蘭香墨 我猛地睜開眼斗幼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了抚垄?” 一聲冷哼從身側(cè)響起蜕窿,我...
    開封第一講書人閱讀 40,196評(píng)論 0 277
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎呆馁,沒想到半個(gè)月后桐经,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,716評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡浙滤,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,794評(píng)論 3 343
  • 正文 我和宋清朗相戀三年阴挣,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片纺腊。...
    茶點(diǎn)故事閱讀 40,928評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡畔咧,死狀恐怖茎芭,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情誓沸,我是刑警寧澤梅桩,帶...
    沈念sama閱讀 36,583評(píng)論 5 351
  • 正文 年R本政府宣布,位于F島的核電站拜隧,受9級(jí)特大地震影響宿百,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜虹蓄,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,264評(píng)論 3 336
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望幸撕。 院中可真熱鬧薇组,春花似錦、人聲如沸坐儿。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,755評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽貌矿。三九已至炭菌,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間逛漫,已是汗流浹背黑低。 一陣腳步聲響...
    開封第一講書人閱讀 33,869評(píng)論 1 274
  • 我被黑心中介騙來泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留酌毡,地道東北人克握。 一個(gè)月前我還...
    沈念sama閱讀 49,378評(píng)論 3 379
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像枷踏,于是被迫代替她去往敵國(guó)和親菩暗。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,937評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容

  • HTML5 Geolocation API旭蠕,它允許用戶在 web 應(yīng)用程序中共享他們的的位置停团,使其能夠享受位置感知...
    linda102閱讀 1,977評(píng)論 0 1
  • 1. JS地理位置api介紹 2. JS具體實(shí)現(xiàn) 3. 使用百度地圖 1. JS地理位置api介紹 navigat...
    5c8e2a880aa7閱讀 6,187評(píng)論 0 3
  • HTML5 Geolocation API是新增的地理位置應(yīng)用程序接口。它提供了一個(gè)可以準(zhǔn)確感知瀏覽器用戶當(dāng)前地理...
    kylelin閱讀 3,638評(píng)論 7 11
  • 今天是我和王先森認(rèn)識(shí)一個(gè)月的日子到現(xiàn)在都沒想明白明明是剛認(rèn)識(shí)沒多久的人怎么合拍的就像認(rèn)識(shí)了很久一樣大概這就是命中注...
    SundayT閱讀 396評(píng)論 1 1
  • 白書瑜恨透了目前自己的狀況掏熬,每天不是背英語就是王后雄佑稠,這讓他焦躁,有一陣他認(rèn)為自己已經(jīng)產(chǎn)生了反社會(huì)人格旗芬,可當(dāng)他這么...
    泗安閱讀 250評(píng)論 0 0