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

king_tt

浏览: 2100401 次
性别:
来自: 深圳

最近访客更多访客>>

u012363178

liangjijiang

jacky_dai

ljmomo

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

2017-01 ( 5)
2016-12 ( 132)
2016-11 ( 17)
更多存档...

摘要：

　　什么是地址解析？

　　什么是反地址解析？

　　如何运用地址解析，和反地址解析？

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

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

一、地址解析

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

接口定义如下：

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

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

代码示例：

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

map.centerAndZoom(point,16);

map.addOverlay(newBMap.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。

代码示例：

vargc=newBMap.Geocoder();

map.addEventListener("click",function(e){
varpt=e.point;

gc.getLocation(pt,function(rs){
varaddComp=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>
<metahttp-equiv="Content-Type"content="text/html;
 charset=gb2312"/>
<title>地址解析+反地址解析</title>
<scripttype="text/javascript"src="http://api.map.baidu.com/api?v=1.2"></script>
</head>
<body>
<divstyle="width:520px;height:340px;border:1px
 solid gray"id="container"></div>
<divstyle="margin:10px
 0;"><inputtype="text"style="width:300px;margin-right:10px;"value="新华路"id="searchValue"/><inputtype="button"value="搜索"onclick="search()"/></div>

</body>
</html>
<scripttype="text/javascript">
varmap=newBMap.Map("container");

map.centerAndZoom(newBMap.Point(121.461165,31.234095),11);
functionsearch(){
varmyAddress=document.getElementById('searchValue').value;

varmyGeo=newBMap.Geocoder();

myGeo.getPoint(myAddress,function(point){//我输入的是“知春路”，第一步getPoint是地址解析。
if(point) {

map.centerAndZoom(point,16);

map.addOverlay(newBMap.Marker(point));


myGeo.getLocation(point,function(rs){//这里弹出“知春路”的详细地址信息，第二步getLocation是反地址解析。
varaddComp=rs.addressComponents;

alert(myAddress+'的具体位置是：'+addComp.province+","+addComp.city+","+addComp.district+","+addComp.street+","+addComp.streetNumber);

});

}

},"上海市");//必须设置城市


}
</script>