参考:http://www.it165.net/pro/html/201407/17289.html
<div style='width: 500px; height: 100px; border: 1px solid; float: left;'>
<span >地址:</span>
<input type='text' id='address' placeholder='请输入地址' />
<input type='button' id='search_address' value='搜索' />
<br />
<span id='lng' >经度:</span><br />
<span id='lat' >纬度:</span>
</div>
//返回的json数据格式
// {
// status: 0,
// result:
// {
// location:
// {
// lng: 116.30814954222,
// lat: 40.056885091681
// },
// precise: 1,
// confidence: 80,
// level: '商务大厦'
// }
// }
$('#search_address').click(function () {
var address = $.trim($('#address').val());
if (address != undefined && address != '') {
var url = 'http://api.map.baidu.com/geocoder/v2/?ak=uiwx7N7FhYKGNqCxVGjCGcMPPrivr6fE&output=json&address=' + encodeURIComponent(address); //ak=uiwx7N7FhYKGNqCxVGjCGcMPPrivr6fE这是你申请的百度密钥。
address是你输入的那个地址。他是个变量,所以在引号外面了
//根据地点名称获取经纬度信息
$.ajax({
type: 'POST',
url: url,
dataType: 'JSONP', //dataType一定一定为JSONP.这里跨域了
success: function (data) {
if (parseInt(data.status) == 0) {
$('#lng').html('经度:' + data.result.location.lng);
$('#lat').html('纬度:' + data.result.location.lat);
}
}
});
}
});