http://api.map.baidu.com/geoconv/v1/?coords=121.54759,29.870724&from=1&to=5&ak=sGSOaO07WkRHHiCRxxbSQVBn
前提:121.54759,29.870724 是由手機硬件或谷歌地圖獲取的
錯誤的方法一:
function standard2china(lng,lat){//http://api.map.baidu.com/geoconv/v1/?coords=121.54759,29.870724&from=1&to=5&ak=sGSOaO07WkRHHiCRxxbSQVBnvar apiurl="http://api.map.baidu.com/geoconv/v1/?coords="+lng+","+lat+"&from=1&to=5&ak=sGSOaO07WkRHHiCRxxbSQVBn";$.ajax({url:apiurl,type:'get',success:function(data){console.log(data);}});
}
會提示錯誤:No 'Access-Control-Allow-Origin' header is present on the requested resource.
這是跨域問題,見:http://blog.csdn.net/zengmingen/article/details/51321758
錯誤方法二:
知道了跨域問題,解決要用dataType:'jsonp'
function standard2china(lng,lat){//http://api.map.baidu.com/geoconv/v1/?coords=121.54759,29.870724&from=1&to=5&ak=sGSOaO07WkRHHiCRxxbSQVBnvar apiurl="http://api.map.baidu.com/geoconv/v1/?coords="+lng+","+lat+"&from=1&to=5&ak=sGSOaO07WkRHHiCRxxbSQVBn";$.ajax({url:apiurl,type:'get',dataType:'jsonp',success:function(data){console.log(data);}});
}
不提示報錯,但是返回結果是百度的js文件內容:
正確方法:
百度demo:http://developer.baidu.com/map/jsdemo.htm#a5_2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=sGSOaO07WkRHHiCRxxbSQVBn"></script><script type="text/javascript">abc();function abc(){var x = 121.5473;var y = 29.87061;var ggPoint = new BMap.Point(x,y);var convertor = new BMap.Convertor();//坐標轉換完之后的回調函數translateCallback = function (data){if(data.status === 0) {for (var i = 0; i < data.points.length; i++) {var newPoint=data.points[i]; console.log(newPoint.lng);console.log(newPoint.lat);}}}setTimeout(function(){var convertor = new BMap.Convertor();var pointArr = [];pointArr.push(ggPoint);convertor.translate(pointArr, 1, 5, translateCallback);}, 1000);}</script></head><body></body>
</html>