webapp 获取经纬度

运行环境 cordova

地理坐标:

百度地图定位位置:


function getLocation(){

if (navigator.geolocation){

navigator.geolocation.getCurrentPosition(showPosition,showError);

}else{

alert("浏览器不支持地理定位。");

}

}

function showPosition(position){

$("#latlon").html("纬度:"+position.coords.latitude +',经度:'+ 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("定位失败,定位系统失效");

break;

}

}

getLocation();



注意在权限设置里给予webapp获取地理位置的权限

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+',经度:'+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("定位失败,定位系统失效");break;}}getLocation();

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,524评论 5 460
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,869评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,813评论 0 320
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,210评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,085评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,117评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,533评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,219评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,487评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,582评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,362评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,218评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,589评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,899评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,176评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,503评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,707评论 2 335

推荐阅读更多精彩内容

  • 当今技术定位的方式,有位置信息来源定位,IP定位,GPS定位,WIFI定位,手机定位和自定义定位。本文通过获取经纬...
    dovlie阅读 6,109评论 0 8
  • 一、地址位置 经度: 南北的连接线 维度: 东西的连接线 二、位置信息从哪里获取? IP地址 GPS全球定位系统 ...
    EndEvent阅读 326评论 0 0
  • H5 meta详解 viewport width:控制 viewport 的大小,可以指定的一个值,如果 600,...
    FConfidence阅读 796评论 0 3
  • Javascript API, 不是真正意义上html5的一部分,是w3c规范。几乎所有现代桌面和移动浏览器都支持...
    shoutinggg阅读 183评论 0 0
  • 这几天断断续续把《蝙蝠侠》系列看完了,本来报着看特技片,看看未来科技的的想法观剧,没想到此片改变了我对其原先的...
    只是块石头罢了阅读 725评论 1 1