【百度地图API】如何进行地址解析与反地址解析?——模糊地址能搜索到精确地理信息!-阿里云开发者社区

开发者社区> 杰克.陈> 正文

【百度地图API】如何进行地址解析与反地址解析?——模糊地址能搜索到精确地理信息!

简介: 原文:【百度地图API】如何进行地址解析与反地址解析?——模糊地址能搜索到精确地理信息! 摘要:   什么是地址解析?   什么是反地址解析?   如何运用地址解析,和反地址解析?   可以同时运用地址解析,和反地址解析麼?答案是,可以的。
+关注继续查看
原文:【百度地图API】如何进行地址解析与反地址解析?——模糊地址能搜索到精确地理信息!

摘要:

  什么是地址解析?

  什么是反地址解析?

  如何运用地址解析,和反地址解析?

  可以同时运用地址解析,和反地址解析麼?答案是,可以的。详见最后一个示例与代码。

---------------------------------------------------------------------------------

一、地址解析

地址解析,是用户输入一个详细到门牌号的地址。例如“北京市中关村南大街27号中央民族大学”,那么地址解析接口,会返回一个经纬度Point。

接口定义如下:

getPoint(address:String, callback:Function, city:String)

对指定的地址进行解析。如果地址定位成功,则以地址所在的坐标点Point为参数调用回调函数。否则,回调函数的参数为nullcity为地址所在的城市名,例如“北京市”。

代码示例:

// 创建地址解析器实例
var myGeo = new BMap.Geocoder();
// 将地址解析结果显示在地图上,并调整地图视野
myGeo.getPoint("北京市海淀区上地10街", function(point){
if (point) {
map.centerAndZoom(point,
16);
map.addOverlay(
new BMap.Marker(point));
}
},
"北京市");

运行该示例,请点击:http://openapi.baidu.com/map/examples.html?v=1.1&7_12#7&12 

二、反地址解析

反地址解析,就是传进去一个经纬度Point,它会返回一个详细的地址。具体地址有多详细,就要看百度数据库里的数据了。

接口定义如下:

getLocation(point:Point, callback:function[, options:LocationOptions])

对指定的坐标点进行反向地址解析。如果解析成功,则回调函数的参数为GeocoderResult对象,否则回调函数的参数为null

代码示例:

var gc = new BMap.Geocoder();

map.addEventListener(
"click", function(e){
var pt = e.point;
gc.getLocation(pt,
function(rs){
var addComp = rs.addressComponents;
alert(addComp.province
+ ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber);
});
});

运行该示例,请点击:http://openapi.baidu.com/map/examples.html?v=1.1&7_15#7&15

三、同时运用地址解析与反地址解析

在什么情况下需要同时运用这两个接口呢?

答案是,当你搜索一个模糊的地址,但却想要返回一个精确的地址结果。

例如“上海市新华路”,但是你想知道“新华路”在哪个区县的时候,你就可以同时利用这两个接口。

完整HTML代码:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>地址解析+反地址解析</title>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script>
</head>
<body>
<div style="width:520px;height:340px;border:1px solid gray" id="container"></div>
<div style="margin:10px 0;"><input type="text" style="width:300px;margin-right:10px;" value="新华路" id="searchValue" /><input type="button" value="搜索" onclick="search()" /></div>

</body>
</html>
<script type="text/javascript">
var map = new BMap.Map("container");
map.centerAndZoom(
new BMap.Point(121.461165,31.234095), 11);
function search(){
var myAddress = document.getElementById('searchValue').value;

var myGeo = new BMap.Geocoder();
myGeo.getPoint(myAddress,
function(point){ //我输入的是“知春路”,第一步getPoint是地址解析。
if (point) {
map.centerAndZoom(point,
16);
map.addOverlay(
new BMap.Marker(point));

myGeo.getLocation(point,
function(rs){ //这里弹出“知春路”的详细地址信息,第二步getLocation是反地址解析。
var addComp = rs.addressComponents;
alert(myAddress
+'的具体位置是:'+addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber);
});
}
},
"上海市"); //必须设置城市

}
</script>

地址解析+反地址解析示例说明:

1、运行以上HTML代码,会出现这样一个输入框,默认是新华路。点击搜索按钮。

img_fd71f6f004e3dbfcbfc562e9c774d49b.jpg

2、经过了地址解析,与反地址解析后,得到了新华路所在地区的详细地址!!!

img_d43470f1d114ae810d2ffe6b4dda7198.jpg

3、把得到的坐标标注出来。

img_daac42577aa55fb69732120eed2570e9.jpg

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
一些常用的甘特图示例地址
1、http://www.edogantt.com/project/examples/project.
740 0
DEDE如何提取文章内容里面的第一张图片地址
 文章内容页里面是这样调用的  {dede:field.body/}  这个内容里面包含了图片,在后面,我要读取到第一张图片的地址,怎么办? 把{dede:field.body/}替换成以下代码:    dede教程-598080707.
563 0
[建议]有关图片地址的建议
写给DUDU,应该是一个小建议了我使用RSS阅读器读本站文章时,发现所有图片都不能显示,因为图片的地址在RSS读取的XML中都全是相对路径的,这样在RSS阅读器中就找不到图片了,RSS阅读器显示图片时都变成了在本地机器上找图片。
504 0
阿里云服务器端口号设置
阿里云服务器初级使用者可能面临的问题之一. 使用tomcat或者其他服务器软件设置端口号后,比如 一些不是默认的, mysql的 3306, mssql的1433,有时候打不开网页, 原因是没有在ecs安全组去设置这个端口号. 解决: 点击ecs下网络和安全下的安全组 在弹出的安全组中,如果没有就新建安全组,然后点击配置规则 最后如上图点击添加...或快速创建.   have fun!  将编程看作是一门艺术,而不单单是个技术。
4494 0
【百度地图API】如何进行地址解析与反地址解析?——模糊地址能搜索到精确地理信息!
原文:【百度地图API】如何进行地址解析与反地址解析?——模糊地址能搜索到精确地理信息! 摘要:   什么是地址解析?   什么是反地址解析?   如何运用地址解析,和反地址解析?   可以同时运用地址解析,和反地址解析麼?答案是,可以的。
1129 0
阿里云ECS云服务器初始化设置教程方法
阿里云ECS云服务器初始化是指将云服务器系统恢复到最初状态的过程,阿里云的服务器初始化是通过更换系统盘来实现的,是免费的,阿里云百科网分享服务器初始化教程: 服务器初始化教程方法 本文的服务器初始化是指将ECS云服务器系统恢复到最初状态,服务器中的数据也会被清空,所以初始化之前一定要先备份好。
10769 0
以太坊ERC20代币数据集【1000+,含合约地址、图标等】
Erc20Tokens数据集包含超过1000种主流的以太坊ERC20代币的描述数据清单和图标,可用于钱包等区块链应用的开发,支持使用Java、Python、Php、NodeJs、C#等各种开发语言查询主流ERC20代币的相关数据。
1625 0
+关注
杰克.陈
一个安静的程序猿~
9798
文章
2
问答
文章排行榜
最热
最新
相关电子书
更多
文娱运维技术
立即下载
《SaaS模式云原生数据仓库应用场景实践》
立即下载
《看见新力量:二》电子书
立即下载