1. 百度地图开放平台申请开发者账号
2. 创建应用获取AK
3. 参考开发文档: http://lbsyun.baidu.com/index.php?title=webapi
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; });