WEBAPP开发之webapp 获取经纬度
白羽 2018-07-19 来源 :网络 阅读 1283 评论 0

摘要:本文将带你了解WEBAPP开发之webapp 获取经纬度,希望本文对大家学WebApp有所帮助。

运行环境cordova地理坐标:百度地图定位位置:functiongetLocation(){if(navigator.geolocation){navigator.geolocation.getCurrentPosition(showPosition,showError);}else{alert("浏览器不支持地理定位。");}}functionshowPosition(position){$("#latlon").html("纬度:"+position.coords.latitude+',经度:'+position.coords.longitude);weidu=position.coords.latitude;jindu=position.coords.longitude;varlatlon=position.coords.latitude+','+position.coords.longitude;//百度地图接口varurl="//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();注意在权限设置里给予webapp获取地理位置的权限tobie.cn___演示:HTML5获取地理位置定位信息.demo{width:560px;margin:60pxauto10pxauto}.geo{margin-top:20px}s.demop{line-height:32px;font-size:16px}.demopspan,#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="//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();    

本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标移动开发之WebApp频道!

本文由 @白羽 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程