高德地图----逆向地理编码（将经度纬度转换地址）

来源：互联网发布：安卓访问服务器数据库编辑：程序博客网时间：2024/06/07 02:03

概述：

需要根据经度纬度转换为具体的地址。

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 onload="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服务的呀，为啥用不了？问题只有一个可能用的方法弄错了。果然是这样的正确使用地址如下：

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

结果：

当然它还有很多细节参数，你可以细细研究一下。

阅读全文

0 0