您的位置:首页 > Web前端 > HTML5

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;
}
}

}
});
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: