通过ajax获取经纬度,通过百度地图获取经纬度

这篇博客介绍了如何通过百度地图开放平台创建应用并获取AK,然后利用GET请求进行地址解析。示例代码展示了前端如何通过AJAX发起JSONP请求,获取地理位置坐标,并在用户点击按钮时展示地址解析结果。当解析成功时,会显示经纬度信息,否则提示错误信息。
摘要由CSDN通过智能技术生成

1. 百度地图开放平台申请开发者账号

2. 创建应用获取AK

4. 发起GET请求:

http://api.map.baidu.com/geocoding/v3/?address=北京市海淀区上地十街10号&

output=json&ak=您的ak&callback=showLocation //GET请求

5. 获取到结果:

showLocation&&showLocation({

"status":0,

"result":{

"location":{

"lng":116.3084202915042,

"lat":40.05703033345938

},

"precise":1,

"confidence":80,

"comprehension":100,

"level":"门址"

}

})

6. 前端发起ajax请求

$("#getXXX").on("click",function(){

$.ajax({

type :"POST",

url :"http://api.map.baidu.com/geocoder/v2/",

data:"address="+encodeURIComponent($("#address").val())+"&output=json&ak=填入AK",

dataType:"jsonp",

jsonp:"callback",

jsonpCallback:"showLocation",

success : function(data){if(data.status == 0){

alert("地址解析成功");

$("#latitude").val(getFloat(data.result.location.lat,6));

$("#longtitude").val(getFloat(data.result.location.lng,6));

}else{

alert("获取百度地图失败,原因为"+data);

}

},

error : function(data){

alert("获取百度地图失败,原因为"+data.responseText);

}

});return false;

});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值