html5获取用户当前的地理位置,即经纬度。
2016-04-19 11:20
761 查看
$("document").ready(function(){ getMap(); }); function getMap(){ // 百度地图API功能 var map = new BMap.Map("allmap"); var point = new BMap.Point(116.331398,39.897445); map.centerAndZoom(point,12); var geolocation = new BMap.Geolocation(); geolocation.getCurrentPosition(function(r){ if(this.getStatus() == BMAP_STATUS_SUCCESS){ // var mk = new BMap.Marker(r.point); // map.addOverlay(mk); // map.panTo(r.point); var lng = r.point.lng; var lat = r.point.lat; getLocation( lng, lat ) } else { alert('failed'+this.getStatus()); } },{enableHighAccuracy: true}) } function getLocation( lng, lat ){ var url = "http://api.map.baidu.com/geocoder/v2/?ak=XXXXXXXXXXXXXXXXXXX&callback=renderReverse&location="+lat+","+lng+"&output=json&pois=1"; $.ajax({ url: url, type: 'GET', dataType: 'JSONP',//here success: function (result) { if( result.status == 0 ){ $("#location").html(result.result.formatted_address); nearbyStore( lng, lat ); }else{ if( confirm("获取位置失败,是否重新获取?") ){ getMap(); }else{ return false; } } } }); }
相关文章推荐
- H5 progress标记
- 移动设备wap手机网页html5通过特殊链接:打电话,发短信,发邮件详细教程
- wex简介
- Markdown——入门指南
- 分享5个主流的HTML5开发工具
- 推荐10款非常优秀的HTML5开发工具
- 几个H5炫酷特效
- HTML5学堂,感谢您一年的陪伴(上)
- HTML5学堂,感谢您一年的陪伴(上)
- javascrip+HTML5 Canvas绘制转盘抽奖
- CDH5 Solr性能调优
- HTML5时代的纯前端上传图片预览及严格图片格式验证函数(转载)
- 21天精通HTML5与CSS3网页制作 第一天
- 三,细说 HTML5 之 新增的主题结构元素
- Duang,Duang,H5 +酷炫效果+干货,此时不收更待何时
- H5简介···
- HTML5 Ajax文件上传进度条如何显示
- HTML5之Range对象
- HTML5文本细节
- html5屏幕旋转事件