webapp 獲取經(jīng)緯度

運行環(huán)境 cordova

地理坐標:

百度地圖定位位置:


function getLocation(){

if (navigator.geolocation){

navigator.geolocation.getCurrentPosition(showPosition,showError);

}else{

alert("瀏覽器不支持地理定位。");

}

}

function showPosition(position){

$("#latlon").html("緯度:"+position.coords.latitude +'绞绒,經(jīng)度:'+ position.coords.longitude);

weidu=position.coords.latitude;

jindu=position.coords.longitude;

var latlon = position.coords.latitude+','+position.coords.longitude;

//百度地圖接口

var url = "http://api.map.baidu.com/geocoder/v2/?ak=C93b5178d7a8ebdb830b9b557abce78b&callback=renderReverse&location="+latlon+"&output=json&pois=0";

$.ajax({

type: "GET",

dataType: "jsonp",

url: url,

beforeSend: function(){

$("#baidu_geo").html('正在定位...');

},

success: function (json) {

if(json.status==0){

//1.詳細地址

//$("#baidu_geo").html(json.result.formatted_address);

//2.定位當前城市

$("#baidu_geo").html(json.result.addressComponent.city.replace(/市/,""));//北京

}

},

error: function (XMLHttpRequest, textStatus, errorThrown) {

$("#baidu_geo").html(latlon+"地址位置獲取失敗");

}

});

}

function showError(error){

switch(error.code) {

case error.PERMISSION_DENIED:

alert("定位失敗,用戶拒絕請求地理定位");

break;

case error.POSITION_UNAVAILABLE:

alert("定位失敗,位置信息是不可用");

break;

case error.TIMEOUT:

alert("定位失敗,請求獲取用戶位置超時");

break;

case error.UNKNOWN_ERROR:

alert("定位失敗,定位系統(tǒng)失效");

break;

}

}

getLocation();



注意在權(quán)限設(shè)置里給予webapp獲取地理位置的權(quán)限

tobie.cn___演示:HTML5獲取地理位置定位信息.demo{width:560px;margin:60px auto 10px auto}.geo{margin-top:20px}s.demo p{line-height:32px;font-size:16px}.demo p span,#baidu_geo,#google_geo{font-weight:bold}


functiongetLocation(){if(navigator.geolocation){navigator.geolocation.getCurrentPosition(showPosition,showError);}else{alert("瀏覽器不支持地理定位。");}}functionshowPosition(position){$("#latlon").html("緯度:"+position.coords.latitude+',經(jīng)度:'+position.coords.longitude);varlatlon=position.coords.latitude+','+position.coords.longitude;//百度地圖接口varurl="http://api.map.baidu.com/geocoder/v2/?ak=C93b5178d7a8ebdb830b9b557abce78b&callback=renderReverse&location="+latlon+"&output=json&pois=0";$.ajax({type:"GET",dataType:"jsonp",url:url,beforeSend:function(){$("#baidu_geo").html('正在定位...');},success:function(json){if(json.status==0){//1.詳細地址//$("#baidu_geo").html(json.result.formatted_address);//2.定位當前城市$("#baidu_geo").html(json.result.addressComponent.city.replace(/市/,""));//北京}},error:function(XMLHttpRequest,textStatus,errorThrown){$("#baidu_geo").html(latlon+"地址位置獲取失敗");}});}functionshowError(error){switch(error.code){caseerror.PERMISSION_DENIED:alert("定位失敗,用戶拒絕請求地理定位");break;caseerror.POSITION_UNAVAILABLE:alert("定位失敗,位置信息是不可用");break;caseerror.TIMEOUT:alert("定位失敗,請求獲取用戶位置超時");break;caseerror.UNKNOWN_ERROR:alert("定位失敗,定位系統(tǒng)失效");break;}}getLocation();

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市想暗,隨后出現(xiàn)的幾起案子圆裕,更是在濱河造成了極大的恐慌取逾,老刑警劉巖,帶你破解...
    沈念sama閱讀 221,273評論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件箕母,死亡現(xiàn)場離奇詭異储藐,居然都是意外死亡,警方通過查閱死者的電腦和手機嘶是,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,349評論 3 398
  • 文/潘曉璐 我一進店門钙勃,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人聂喇,你說我怎么就攤上這事辖源。” “怎么了希太?”我有些...
    開封第一講書人閱讀 167,709評論 0 360
  • 文/不壞的土叔 我叫張陵克饶,是天一觀的道長。 經(jīng)常有香客問我誊辉,道長矾湃,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 59,520評論 1 296
  • 正文 為了忘掉前任堕澄,我火速辦了婚禮邀跃,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘蛙紫。我一直安慰自己拍屑,他們只是感情好,可當我...
    茶點故事閱讀 68,515評論 6 397
  • 文/花漫 我一把揭開白布惊来。 她就那樣靜靜地躺著丽涩,像睡著了一般。 火紅的嫁衣襯著肌膚如雪裁蚁。 梳的紋絲不亂的頭發(fā)上矢渊,一...
    開封第一講書人閱讀 52,158評論 1 308
  • 那天,我揣著相機與錄音枉证,去河邊找鬼矮男。 笑死,一個胖子當著我的面吹牛室谚,可吹牛的內(nèi)容都是我干的毡鉴。 我是一名探鬼主播崔泵,決...
    沈念sama閱讀 40,755評論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼猪瞬!你這毒婦竟也來了憎瘸?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,660評論 0 276
  • 序言:老撾萬榮一對情侶失蹤陈瘦,失蹤者是張志新(化名)和其女友劉穎幌甘,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體痊项,經(jīng)...
    沈念sama閱讀 46,203評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡锅风,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,287評論 3 340
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了鞍泉。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片皱埠。...
    茶點故事閱讀 40,427評論 1 352
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖咖驮,靈堂內(nèi)的尸體忽然破棺而出边器,到底是詐尸還是另有隱情,我是刑警寧澤托修,帶...
    沈念sama閱讀 36,122評論 5 349
  • 正文 年R本政府宣布饰抒,位于F島的核電站,受9級特大地震影響诀黍,放射性物質(zhì)發(fā)生泄漏袋坑。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,801評論 3 333
  • 文/蒙蒙 一眯勾、第九天 我趴在偏房一處隱蔽的房頂上張望枣宫。 院中可真熱鬧,春花似錦吃环、人聲如沸也颤。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,272評論 0 23
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽翅娶。三九已至,卻和暖如春好唯,著一層夾襖步出監(jiān)牢的瞬間竭沫,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,393評論 1 272
  • 我被黑心中介騙來泰國打工骑篙, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留蜕提,地道東北人。 一個月前我還...
    沈念sama閱讀 48,808評論 3 376
  • 正文 我出身青樓靶端,卻偏偏與公主長得像谎势,于是被迫代替她去往敵國和親凛膏。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,440評論 2 359

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

  • 當今技術(shù)定位的方式脏榆,有位置信息來源定位猖毫,IP定位,GPS定位须喂,WIFI定位鄙麦,手機定位和自定義定位。本文通過獲取經(jīng)緯...
    dovlie閱讀 6,191評論 0 8
  • 一介衔、地址位置 經(jīng)度: 南北的連接線 維度: 東西的連接線 二恨胚、位置信息從哪里獲取炎咖? IP地址 GPS全球定位系統(tǒng) ...
    EndEvent閱讀 329評論 0 0
  • H5 meta詳解 viewport width:控制 viewport 的大小赃泡,可以指定的一個值,如果 600乘盼,...
    FConfidence閱讀 823評論 0 3
  • Javascript API升熊, 不是真正意義上html5的一部分,是w3c規(guī)范。幾乎所有現(xiàn)代桌面和移動瀏覽器都支持...
    shoutinggg閱讀 201評論 0 0
  • 這幾天斷斷續(xù)續(xù)把《蝙蝠俠》系列看完了绸栅,本來報著看特技片级野,看看未來科技的的想法觀劇,沒想到此片改變了我對其原先的...
    只是塊石頭罷了閱讀 770評論 1 1