2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > 高德地图----逆向地理编码(将经度纬度转换地址)

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

时间:2023-11-04 20:37:18

相关推荐

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

概述:

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

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="/lbs/static/main1119.css"/><script type="text/javascript" src="/maps?v=1.3&key=您申请的key值&plugin=AMap.Geocoder"></script><script type="text/javascript" src="/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="/lbs/static/main1119.css"/><script type="text/javascript" src="/maps?v=1.3&key=你自己的key&plugin=AMap.Geocoder"></script><script type="text/javascript" src="/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="/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 : '/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

结果:

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。