概述:
总结:你打印result会发现异常结果 :USERKEY_PLAT_NOMATCH
结果:
需要根据经度纬度转换为具体的地址。
1、官方例子:
网址:官方的例子(用不了)
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
<title>逆地理编码</title>
<link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=您申请的key值&plugin=AMap.Geocoder"></script>
<script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>
</head>
<body οnlοad="regeocoder()">
<div id="container"></div>
<div id="tip">
<b>经纬度 116.396574, 39.992706 的地理编码结果:</b>
<span id="result"></span>
</div>
<script type="text/javascript">
var map = new AMap.Map("container", {
resizeEnable: true,
zoom: 18
}),
lnglatXY = [116.396574, 39.992706]; //已知点坐标
function regeocoder() { //逆地理编码
var geocoder = new AMap.Geocoder({
radius: 1000,
extensions: "all"
});
geocoder.getAddress(lnglatXY, function(status, result) {
if (status === 'complete' && result.info === 'OK') {
geocoder_CallBack(result);
}
});
var marker = new AMap.Marker({ //加点
map: map,
position: lnglatXY
});
map.setFitView();
}
function geocoder_CallBack(data) {
var address = data.regeocode.formattedAddress; //返回地址描述
document.getElementById("result").innerHTML = address;
}
</script>
</body>
</html>
总结:你打印result会发现异常结果 :USERKEY_PLAT_NOMATCH
这个异常码意思:
如果你想看其他异常码信息:请戳这里
这时候你登录后台看一下,本来我key就是web服务的呀,为啥用不了?问题只有一个可能用的方法弄错了。果然是这样的正确使用地址如下:
对于其它参数可以参考如上网址查看。
有了URL ,自然想到Ajax去实现这个功能
2、修改上面的例子
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
<title>逆地理编码</title>
<link rel="stylesheet" href="http://cache.amap.com/lbs/static/main1119.css"/>
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=你自己的key&plugin=AMap.Geocoder"></script>
<script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script>
</head>
<body >
<div id="container"></div>
<div id="tip">
<b>经纬度 116.396574, 39.992706 的地理编码结果:</b>
<span id="result"></span>
</div>
<!-- 引入jquery.js -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.1/jquery.min.js"></script>
<script type="text/javascript">
var map = new AMap.Map("container", {
resizeEnable: true,
zoom: 18
}),
lnglatXY = [116.396574, 39.992706]; //已知点坐标
//采用ajax获取结果
$.ajax({
url : 'http://restapi.amap.com/v3/geocode/regeo?key=你自己的key&location=116.396574,39.992706&poitype=&radius=1000&extensions=all&batch=false&roadlevel=0',
method : 'get'
}).done(function(msg) {
//注意获取过来就是一个对象
address = msg.regeocode.formatted_address;
document.getElementById("result").innerHTML = address;
});
</script>
</body>
</html>
注意事项:替换你自己申请的key
结果:
当然它还有很多细节参数,你可以细细研究一下。