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();

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

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