思路:开始是想直接在前台获取,但是跨域访问还是有点难度,而且格式必须是josnp格式的,最后嫌麻烦,不得已放弃。
我做的ASP.NET 而这个有自带的解析类,直接引用就行了
先在后台获取到JOSN:
private void GetQZYZuoBiaoToMap(HttpContext context)
{
//判断登录是否失效
if (context.Session["_user"] == null)
{
WriteResponse(context, false, "您未登录或登录已失效!");
return;
}
//定义一个前台传过来的字符串,获取到了过后就可以直接放到百度的API接口里面了
string Dialt = context.Request["Dialt"].Trim();
//定义一个字符串接收百度API接口传回来的JOSN
string str = "";
// WebClient 这个方法就是ASP.NET自带的那个方法
using (WebClient client = new WebClient())
{
//转码
client.Encoding = System.Text.UTF8Encoding.UTF8;
// Dialt(前台得到的字符串)
str = client.DownloadString("http://api.map.baidu.com/geocoder/v2/?address="+ Dialt + "&output=json&ak=这里写你的百度ak");
}
//返回这个JOSN
context.Response.Write(str);
}
然后在前台JS里面写一个ajax获取这个JSON:
//定义一个字符串,可以定义一个文本框,让用户数据,也可以组合下拉框
//例1:var Dialt = $.trim($("#Dialt").val());
//例2 var cityName = $('#cityName').combobox('getText')
// var provisionName = $('#provisionName').combobox('getText')
// var Dialt = provisionName + cityName ;
//这里用的是 easyui的下拉框,如果直接定义也可以
var Dialt="贵州省铜仁地区石阡县聚凤乡"
//经度
var lng = "";
//纬度
var lat = "";
$.ajax(
{
url: '/Service/UserServiceLuo.ashx',
type: 'post',
data:
{
command: "3001032",
//传一个字符串过去
Dialt: Dialt
},
dataType: 'json',
async: false,
success: function (result) {
lng = result.result.location.lng; //经度
lat = result.result.location.lat; //维度
},
error: function (x, msg, e) {
}
});
var Longitude = lng;//经度
var Latitude = lat;// 纬度