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