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

最新推荐文章于 2024-05-17 22:07:54 发布

往前的

最新推荐文章于 2024-05-17 22:07:54 发布

阅读量1w

点赞数 1

分类专栏：高德地区API学习文章标签：高德地图经度纬度转换地址地理编码

本文链接：https://blog.csdn.net/m0_37355951/article/details/77775287

版权

高德地区API学习专栏收录该内容

5 篇文章 1 订阅

订阅专栏

概述：

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

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

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

结果：

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

往前的

关注

1
点赞
踩
13

收藏

觉得还不错? 一键收藏
0
评论
高德地图----逆向地理编码（将经度纬度转换地址）

概述：需要根据经度纬度转换为具体的地址。1、官方例子：网址：官方的例子（用不了）逆地理编码经纬度 116.396574, 39.992706 的地理编码结果: var map = new AMap.Map("container", { resizeEna
复制链接

扫一扫